.vscode\settings.json .gitignore 项目文件配置

一、项目本地新增配置文件：
.vscode\settings.json
{
  // editor
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "editor.tabSize": 2,
  "editor.insertSpaces": true,
  "editor.detectIndentation": true,
  "editor.defaultFormatter": "vscode.typescript-language-features",
  "[javascript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[typescript]": {
    "editor.defaultFormatter": "vscode.typescript-language-features"
  },
  "[vue]": {
    "editor.defaultFormatter": "octref.vetur"
  },
  "[css]": {
    "editor.defaultFormatter": "vscode.css-language-features"
  },
  "[html]": {
    "editor.defaultFormatter": "vscode.html-language-features"
  },
  "[json]": {
    "editor.defaultFormatter": "vscode.json-language-features"
  },
  "[less]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },

//javascript
  "javascript.format.insertSpaceBeforeFunctionParenthesis": true,

//eslint
  "eslint.format.enable": false,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue",
    "typescript",
    "typescriptreact"
  ],

//vetur
  "vetur.format.defaultFormatter.js": "vscode-typescript",
  "vetur.format.defaultFormatter.html": "js-beautify-html",
  "vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
      "wrap_attributes": "force-aligned"
    }
  },
  "vetur.validation.template": false
}

注：
1.会保存时自动格式化、格式化规则和之前保持一致，并且增加了对独立.less文件、独立.html文件的自动格式化。
2.项目内的配置文件优先级会大于全局配置。

二、必须安装的vscode插件：
Vetur、Prettier、ESlint

三、.vscode\settings.json文件需要加入到版本库，但.vscode文件夹下的其它文件需要忽略，因此修改.gitignore文件：
步骤一：
删除原来的.vscode
步骤二：
在文件末尾新增
.vscode/*
!.vscode/settings.json
.vscode