vscode扩展及相应配置记录

• background 背景
• Bracket Pair Colorizer 彩色括号
• EditorConfig for VS Code 生成.editorconfig文件
• ESLint
• language-stylus stylus语法支持
• Manta's Stylus Superemacy .styl文件格式化
• Markdown Preview Enhanaced github风格markdown预览
• Vetur .vue文件语法支持及格式化

{
  "workbench.colorTheme": "Monokai",
  // 一个制表符等于的空格数。该设置在 "editor.detectIndentation" 启用时根据文件内容可能会被覆盖。
  "editor.tabSize": 2,
  // 终端在 Windows 上使用的 shell 的路径。
  "terminal.integrated.shell.windows": "C://Program Files//Git//bin//bash.exe",
  // Eslint配置
  "workbench.startupEditor": "welcomePage",
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": true
    }
  ],

  // stylus
  "stylusSupremacy.insertColons": false, // 是否插入冒号
  "stylusSupremacy.insertSemicolons": false, // 是否插入分号
  "stylusSupremacy.insertBraces": true, // 是否插入大括号
  "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
  "stylusSupremacy.insertNewLineAroundBlocks": true, // 两个选择器中是否换行

  // "window.zoomLevel": 0,
  // "files.autoSaveDelay": 4000,

  "javascript.preferences.quoteStyle": "single",
  "typescript.preferences.quoteStyle": "single",

  // emmet
  "emmet.includeLanguages": {
    "vue": "html",
    "vue-html": "html",
    "js": "js"
  },

  // prettier
  "prettier.semi": false,
  "prettier.singleQuote": true,
  "prettier.jsxSingleQuote": true,
  "prettier.eslintIntegration": true,

  // vetur
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      // force-aligned | force-expand-multiline
      "wrap_attributes": "force-aligned"
    },
    "prettyhtml": {
      "printWidth": 100,
      "singleQuote": false,
      "wrapAttributes": false,
      "sortAttributes": true
    },
    "prettier": {
        "semi": false,
        "singleQuote": true
    }
  },
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "window.zoomLevel": 0,
  "keyboard-counter.keycount": 2488
}