vscode中使用eslint + prettier来规范代码格式

1，vscode扩展中安装ESlint，并ctrl+,打开设置，点击右上角从左到右第三个图标，打开settings.json文件

2，在vscode设置settings.json中添加如下配置

  "eslint.autoFixOnSave": true, // 保存时自动格式化
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    { "language": "html", "autoFix": true }，
    { "language": "vue", "autoFix": true }
  ]

3，eslint也是能格式化的，只是有局限性，所以要prettier来配合

在vscode中安装prettier，在settings.json中添加如下配置：

"vetur.format.defaultFormatterOptions": {
  "prettier": {
    "semi": false, // 去掉分号
    "singleQuote": true // 将双引号转换成单引号
  }
}

ps：创建vue-cli3项目时，选择ESLint + Standard config; 

       如果创建vue-cli3项目时，没有安装eslint，可以在package.json的devDependencies中添加如下，然后npm insall：

"@vue/cli-plugin-eslint": "^3.7.0",
"@vue/eslint-config-standard": "^4.0.0",
"babel-eslint": "^10.0.1",
"eslint": "^5.16.0",