如何使用：
第一步：创建一个vue项目 vue create 项目名称
?
第二步：自定义选择配置①eslint +CSS Pre-processors ④ +ESLint + Standard config ⑤：Lint on save
第三步：安装vscode插件 ①：Eslint 作者Dirk ②：prettier -Code Formatter 作者：prettier
?
?
第四步：添加.prettierrc文件（在C:\Users\123）中配置后缀名为 ”.prettierrc “文件
?{
"semi":false,
"singleQuote":true,
"printWidth":300
}
第五步：配置setting.json文件：（复制粘贴）
?"prettier.configPath": "C:\\Users\\123\\.prettierrc", （按照自己的文件路径设置）
??? //Eslint 插件配置
??? "editor.codeActionsOnSave": {
??????? "source.fixAll": true
??? },
??? "eslint.alwaysShowStatus": true,
??? "prettier.trailingComma": "none",
??? "prettier.semi": false,
??? //每行文字个数超出此限制将会被迫换行
??? "prettier.printWidth": 300,
??? //使用单引号替换双引号
??? "prettier.singleQuote": true,
??? "prettier.arrowParens": "avoid",
??? //设置.vue文件中，HTML代码的格式化插件
??? "vetur.format.defaultFormatter.html": "js-beautify-html",
??? "vetur.ignoreProjectWarning": true,
??? "vetur.format.defaultFormatterOptions": {
??????? "js-beautify-html": {
??????????? "wrap_attributes":false
??????? },
?????? "prettier": {
?????????? "trailingComma":"none",
?????????? "semi":false,
?????????? "singleQuote":true,
?????????? "arrowParens":"avoid",
?????????? "printWidth":300
?????? }
??? },
注意：
如果用该工具编写代码，必须单独用vsCode打开文件夹
如果有格式冲突，可查看eslint文档，在”.eslintrc.js“文件夹中，配置关闭格式冲突的功能