vs code 配置及插件

推荐使用vs code进行前端编码，规定Tab大小为2个空格

  1. vs code配置

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    {
      "editor.tabSize": 2,
      "workbench.startupEditor": "newUntitledFile",
      "workbench.iconTheme": "vscode-icons",
      // 以下为stylus配置
      "stylusSupremacy.insertColons": false, // 是否插入冒号
      "stylusSupremacy.insertSemicolons": false, // 是否插入分好
      "stylusSupremacy.insertBraces": false, // 是否插入大括号
      "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
      "stylusSupremacy.insertNewLineAroundBlocks": false, // 两个选择器中是否换行
      "vetur.format.defaultFormatter.html": "js-beautify-html",
      "eslint.autoFixOnSave": true,
      "eslint.validate": [
        "javascript",
        {
          "language": "html",
          "autoFix": true
        },
        {
          "language": "vue",
          "autoFix": true
        },
        "javascriptreact",
        "html",
        "vue"
      ],
      "eslint.options": { "plugins": ["html"] },
      "prettier.singleQuote": true,
      "prettier.semi": false,
      "javascript.format.insertSpaceBeforeFunctionParenthesis": false,
      "vetur.format.js.InsertSpaceBeforeFunctionParenthesis": false,
      "vetur.format.defaultFormatter.js": "prettier",
      // "prettier.eslintIntegration": true
    }

  2. vs code 插件

    • Auto Close Tag
    • Path Intellisense
    • Prettier
    • Vetur
    • vscode-icons
    • Markdown Preview Enhanced