为了演示ESLint用法,需要下载一个带有ESLint的vue2框架
1.官网
a.中文官网:https://eslint.bootcss.com/
b.英文管网:https://eslint.org/
2.在vscode中,设置Tab Size,因为vscode默认一个tab等于4个空格,而eslint希望一个tab键对应两个空格
3.在vscode中,设置format on save,保存时,格式化文件
4.在vsocde中安装Eslint插件,用于Eslint语法错误提示
5.ESLint常见语法规则
6.自定义ESLint的rules规则如果希望修改 ESLint 默认的校验规则,可以在 .eslintrc.js 文件的 rules 节点下进行自定义。例如:方法的左括号之前是否保留空格(由于该规则eslint和prettier之间有冲突,务必关掉)
rules: {
// 默认情况下,ESLint 规定:方法的左括号(之前必须保留一个空格
// 'space-before-function-paren': ['error', 'always']
// 如果指定了规则的值为 never,则不允许在方法的形参之前保留任何空格
//修改配置文件记得一定重启服务
'space-before-function-paren': 'off'
}