WissmannWeb.Angular

Wissmann-Web

|
22 installs
| (0) | Free
The Wissmann-Web extentions collection, with all my prefered Angular extentions.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

WissmannWeb Angular Essentials - Extension Pack for VS Code

Badge for version for Visual Studio Code extension Wissmann-Web.wissmannweb-angular Installs Rating The MIT License

This extension pack for Visual Studio Code adds extensions that are amazingly useful for Angular development.

See the CHANGELOG for the latest changes

As tools evolve, the usefulness of extensions come and go. I reserve the right to update the extension pack's contents up to my own discretion.

Here are some of my recommended settings. These are optional, but I get asked a lot for them, so here they are.

Editor settings

  "workbench.colorTheme": "Default Light+",
  "workbench.iconTheme": "material-icon-theme",
  "workbench.startupEditor": "newUntitledFile",

  "editor.renderIndentGuides": false,
  "editor.formatOnSave": true,
  "editor.formatOnPaste": true,
  "editor.formatOnType": false,
  "editor.minimap.enabled": false,
  "editor.renderWhitespace": "none",
  "editor.tabCompletion": "on",
  "editor.tabSize": 2,
  "editor.wordWrap": "off",

  "npm.packageManager": "yarn"

  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },

Prettier settings

  "prettier.singleQuote": true,
  "prettier.printWidth": 140,

Todo Tree settings

  "todo-tree.filtering.excludeGlobs": [
    "**/node_modules/**",
    "**/dist*/**"
  ],
  "todo-tree.tree.flat": true,

TypeScript Hero settings

  "typescriptHero.imports.organizeOnSave": true,
  "typescript.updateImportsOnFileMove.enabled": "always",

CSharp2TS settings

  "csharp2ts.propertiesToCamelCase": true,

Included

Here is the list of extensions the pack includes: