The Pug Navigation extension for Visual Studio Code enhances your development experience by providing easy navigation to definition files and mixin declarations within your Pug (formerly Jade) templates. With just a few clicks, you can quickly jump to the extended or included partial file or navigate to the mixin definition file, saving you valuable time during Pug template development.
- Launch Visual Studio Code.
- Open the Extensions view by clicking on the square icon on the left sidebar or by pressing
Ctrl+Shift+X. - Search for "Pug Navigation" in the extension marketplace.
- Click the "Install" button to install.
- Place the cursor on the Pug extends or Pug include statement you want to navigate to.
- Press
Ctrl+Oto jump to the definition file. - The extension will automatically open the corresponding definition file.
- Select the mixin name you want to navigate to.
- Press
Ctrl+Oto jump to the mixin definition file. - The extension will locate and open the mixin definition file for you.
No additional configuration is required for the extension to work. It automatically analyzes your Pug project structure and provides navigation to the corresponding files.
If you encounter any issues while using the Pug Navigation extension, try the following steps:
- Make sure the extension is properly installed and enabled.
- Ensure that your Pug templates have the necessary extends or include statements.
- If the navigation doesn't work as expected, check that the definition files and mixin declaration files are correctly referenced and located within your project.
Contributions to this extension are welcome! If you would like to report a bug, suggest new features, or submit improvements, go ahead.
This extension is released under the MIT License.
- Initial release of the Pug Navigation extension.