vscode-config.md

Angular VSCode Config

1. Extensions

• Angular Files
• Angular Language Service
• Angular v6 Snippets
• Angular 2 Switcher
• Auto Import
• Beatutify
• Theme: Cobalt2
• Prettier
• Sort TypeScript Imports
• TSLint
• VSCode Icons
• Wrap Console Log

2. User Settings

{
  // GENERAL
  "workbench.startupEditor": "none",
  "workbench.colorTheme": "Cobalt2",
  "workbench.iconTheme": "vscode-icons",
  "vsicons.projectDetection.disableDetect": true,
  "vsicons.projectDetection.autoReload": true,
  "explorer.confirmDelete": false,
  "explorer.confirmDragAndDrop": 
  false,
  "html.format.wrapLineLength": 0,
  "window.zoomLevel": 0,
  "zenMode.centerLayout": false,
  // EDITOR
  "editor.formatOnType": true,
  "editor.formatOnSave": true,
  "editor.wordWrap": "on",
  "editor.minimap.enabled": false,
  // GIT
  "git.enableSmartCommit": true,
  "git.confirmSync": false,
  "git.autofetch": true,
  // TSLINT
  "tslint.alwaysShowRuleFailuresAsWarnings": true,
  "tslint.autoFixOnSave": true,
  // SORT TYPESCRIPT IMPORTS
  "typescript.extension.sortImports.sortOnSave": true,
  "typescript.updateImportsOnFileMove.enabled": "always",
  // PRETTIER
  "prettier.singleQuote": true,
  "prettier.trailingComma": "all",
  "prettier.arrowParens": "always",
  "prettier.printWidth": 90,
  // BEAUTIFY
  "beautify.ignore": [
    "**/**.js",
    "**/**.ts"
  ],
  "beautify.language": {
    "css": [
      "css",
      "scss"
    ],
  },
  "beautify.config": {
    "indent_size": 2,
    "css": {
      "newline_between_rules": true,
      "space_around_combinator": true,
      "selector_separator_newline": true
    },
    "html": {
      "wrap_attributes": "force-aligned"
    }
  },
}

Optional

• Markdown all in one
• Markdown Preview GitHub Styling

Hi, after checking this configuration, sometimes with the prettier option "prettier.arrowParens": "always", we get the following error :

● Validation Error:

  Option "arrowParens" must be of type:
    boolean
  but instead received:
    string

  Example:
  {
    "arrowParens": false
  }

to avoid this validation error, per project we should create a file called .prettierrc, it's mentioned here and here.
Best Regards,
Héctor F.