vscode 配置保存时自动格式化代码 eslint； 整合eslint和prettier

vscode 配置保存时自动格式化代码 eslint

1. 安装eslint插件 和 prettier

2.设置中搜索 eslint

3. 在settings.json 中编辑

加上下面这段代码：

"editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "eslint.format.enable": true,
    //autoFix默认开启，只需输入字符串数组即可
    "eslint.validate": ["javascript", "vue", "html"]

保存即可格式化代码！

整合eslint和prettier

安装依赖：

npm i --save-dev prettier
npm i --save-dev eslint-plugin-prettier eslint-config-prettier

修改：.eslintrc.js 文件

 "extends": [
		"plugin:prettier/recommended" // 添加到数组的最后一个元素
	]