vue项目Eslint工具的使用

一、基本配置

1、安装

npm install -g eslint

2、创建.eslint.js文件

手动创建 eslint --init创建（需要回答问题创建）

3、关于 eslint 的配置文件（eslint.js）

root 限定配置文件的使用范围 parser 指定eslint的解析器 parserOptions 设置解析器选项 extends 指定eslint规范，常用的大厂定义的规范有Airbnb、- - standard、google plugins 引用第三方的插件 env 指定代码运行的宿主环境 rules 启用额外的规则或覆盖默认的规则，我们可以自定义自己想要的规则
// "off"或0 -关闭规则
// “warn” 或1 - 开启规则, 使用警告 程序不会退出
// "error"或2 - 开启规则, 使用错误 程序退出 globals 声明在代码中的自定义全局变量 module.exports = { "extends": [ // "eslint:recommended", "plugin:vue/essential", ‘standard’//引入规范 ], extends: 'eslint:recommended’, //允许执行eslint命令 rules: { //规则、制定eslint规则 'no-console': 'off’,//关掉 禁止 console命令 }, //全局变量配置 globals:{ 'mui':true, 'Vue':true, 'ud':true, 'wx':true } };

4、webpack.base.conf.js配置

{ test: /\.(js|vue)$/, loader: 'eslint-loader', enforce: 'pre', include: [resolve('src'), resolve('test')], options: { formatter: require('eslint-friendly-formatter') } }

5、vscode设置
下载eslint、vetur，文件设置，相当于格式化代码，根据你的eslint规则设置更加方便
原创文章 20获赞 17访问量 1582 关注 私信 展开阅读全文
作者：Yan_an_n

VUE eslint