Angular Enterprise VSCode Extension Pack

Description

Angular Enterprise is a curation of Visual Studio Code extensions, settings and key bindings to assist in developing enterprise-grade Angular applications. Once installed, Angular Enterprise will preload your IDE with the below extensions. All extensions, the global workspace and key bindings will then be preconfigured for optimal performance.

Install

Available via Visual Studio Marketplace.

Actions & Commands

Extension Installation

Upon installation all new extensions will be installed. Once complete configuration is applied to the workspace and key bindings are updated. This step is repeated for each version change.

Clear Version State

Warning Once executed the next reload will reapply Angular Enterprise's settings.json.

Clears the global version state. This can be useful if you would like to force a rerun of the Extension Installation phase. Simply execute this command then reload your workspace.

Configuration

Note You do not need to setup this configuration. Angular Enterprise will automatically apply upon installation.

{
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.organizeImports": true,
    "source.fixAll.eslint": true
  },
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "workbench.iconTheme": "material-icon-theme",
  "typescript.preferences.importModuleSpecifier": "project-relative",
  "javascript.preferences.importModuleSpecifier": "project-relative",
  "editor.tabSize": 2,
  "workbench.colorTheme": "One Dark Pro Darker",
  "editor.cursorBlinking": "phase"
}

Key Bindings

Note You do not need to setup these key bindings. Angular Enterprise will automatically apply upon installation.

Extension List