Switch quickly between files inside angular projects. vscode extension
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
| +- ...
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
Check Changelog file
- Fork and clone this repo
cd ng-file-switcher
npm install
- Add feature/fix
npm run test
- If all is ok. Send a PR!
This extension was inspired by angular-file-changer
Luis Reinoso 2021 MIT license