[开发工具]vsCode 代码自动格式化配置

1. 下载插件
   Eslint
   Prettier - Code formatter
   Vetur
2. setting.json

{
    "workbench.iconTheme": "vscode-icons",
    "workbench.colorTheme": "Default Dark+",
    "editor.minimap.enabled": false,
    "files.autoSave": "afterDelay",
    "window.zoomLevel": 1,
    "editor.fontLigatures": false,
    // 100 列后换行
    "editor.wordWrapColumn": 100,
    // 开启 vscode 文件路径导航  
    "breadcrumbs.enabled": true,
    // vscode默认启用了根据文件类型自动设置tabsize的选项
    "editor.detectIndentation": false,
    // 重新设定tabsize
    "editor.tabSize": 2,
    // #每次保存的时候自动格式化 
    "editor.formatOnSave": true,
     // prettier 设置语句末尾不加分号  
  "prettier.semi": false,
  // prettier 设置强制单引号  
  "prettier.singleQuote": true,
  // 选择 vue 文件中 template 的格式化工具  
  "vetur.format.defaultFormatter.html": "prettyhtml",
  // 显示 markdown 中英文切换时产生的特殊字符  
  "editor.renderControlCharacters": true,
  // 设置 eslint 保存时自动修复  
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },

  // eslint 检测文件类型  
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue"
  ],
  // vetur 的自定义设置  
  "vetur.format.defaultFormatterOptions": {
    "prettier": {
      "singleQuote": true,
      "semi": false
    }
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}