Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>Angular File SwitcherNew to Visual Studio Code? Get it now.

Angular File Switcher

Luis Reinoso

|
358 installs
| (0) | Free
Switch quickly between files inside angular projects. vscode extension
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

vscode-ng-file-switcher - vscode extension

Switch quickly between files inside angular projects. vscode extension Demo

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

  • Contact us
  • Jobs
  • Privacy
  • Terms of use
  • Trademarks
© 2023 Microsoft