Vue项目中ESLint配置总结

Vue项目中ESLint基本语法要求

1.字符串使用单引号包裹
2.代码结尾不能跟分号
3.声明的变量和方法必须被调用
4..tab键用多个空格代替
5.声明的方法名和圆括号之间加空格

为了适应ESLint语法要求, 前期的准备工作

安装ESLint插件, 实时提示我们代码格式可能出现的问题

1.安装Prettier - Code formatter插件, 代码保存时, 自动格式化代码(如果之前装过Beautify, 可以先卸载掉或者禁用掉, 以免冲突)
2.设置settings.json中添加如下配置

"editor.formatOnSave": true

3.新建.prettierrc文件

{
    "semi": false,
    "singleQuote": true
}

4.在.eslintrc.js中添加

rules: {
'space-before-function-paren': 0
  },

5.关闭自动保存功能,重启vscode, 确保修改生效
则会解决ESLint带来的格式错误