Skip to content

philipgriffin/vscode-angular-enterprise

Repository files navigation

Angular Enterprise VSCode Extension Pack

Visual Studio Marketplace Version The MIT License Visual Studio Code Support

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.

Command OS Default Binding Angular Enterprise Binding
Save All Windows Ctrl + K S Ctrl + SHIFT + S
Save All Mac + + S + SHIFT + S

Extension List

Extension Name
Angular Language Service
Nx Console
ESLint
Prettier
Docker
Material Icon Theme
JEST Runner
CodeSnap
Markdown All in One
One Dark Pro
Playwright
GitHub Markdown Preview