vscode-ng-file-switcher - vscode extension

Switch quickly between files inside angular projects. vscode extension

Features

Switch between files based on angular style guide naming convention.

• component.html/scss/spec.ts/ts/stories.ts
• page.html/scss/spec.ts/ts

src/                                    project source code
|- app/
|  |- user/                             user module
|  |- components/                       dummy components
|  |  |- menu/
|  |  |  |- menu.component.html
|  |  |  |- menu.component.scss
|  |  |  |- menu.component.spec.ts
|  |  |  |- menu.component.ts
|  |  |  |- menu.stories.ts
|  |- directives/
|  |  - menu.directive.ts
|  |  - menu.directive.spec.ts
|  |- pipes/
|  |  - menu.pipe.ts
|  |  - menu.pipe.spec.ts
|  |- pages/                            smart components
|  |  |- dashboard/
|  |  |  |- dashboard.page.html
|  |  |  |- dashboard.page.scss
|  |  |  |- dashboard.page.spec.ts
|  |  |  |- dashboard.page.stories.ts
|  |  |  |- dashboard.page.ts
|  +- ...

Extension Settings

This extension contributes the following settings:

• ng-file-switcher.openHTML: open HTML file ALT+B

• ng-file-switcher.openStyle: open Style file (based on angular.json config) ALT+C

• ng-file-switcher.openTest: open Test file ALT+D

• ng-file-switcher.openStorybook: open Storybook file ALT+S

• ng-file-switcher.openTypescript: open Typescript file ALT+T

Release Notes

Check Changelog file

Development

• Fork and clone this repo
• cd ng-file-switcher
• npm install
• Add feature/fix
• npm run test
• If all is ok. Send a PR!

Acknowledgement

This extension was inspired by angular-file-changer

License

Luis Reinoso 2021 MIT license