配置 eslint
更新时间：
了解如何配置 eslint，对 ux 文件进行语法检测。
使用 eslint
安装依赖
需要全局安装 eslint 或者只在当前项目下安装 eslint
npm i eslint -g复制代码
或
npm i eslint --save-dev复制代码
由于会用到 eslint-plugin-vue 的能力，所以我们也要在项目下安装 eslint-plugin-vue 依赖：
npm i eslint-plugin-vue --save-dev复制代码
新建 eslint 配置文件
在项目根目录下，新建 .eslintrc 文件，并编写配置，下面为简单的配置项，若项目中有额外的要求，可根据 vue 的规则自己额外配置。
{
"env": {
"commonjs": true,
"node": true,
"es6": true
},
"extends": ["eslint:recommended", "plugin:vue/base"],
"globals": {
"loadData": false,
"saveData": false,
"history": false,
"console": true,
"setTimeout": false,
"clearTimeout": false,
"setInterval": false,
"clearInterval": false,
"TextDecoder": true,
"$utils": true
},
"rules": {
"vue/html-end-tags": "warn",
"vue/html-quotes": "warn",
"vue/comment-directive": "off",
"no-unused-vars": [
"warn",
{
"varsIgnorePattern": "prompt"
}
],
"quotes": [
"warn",
"single",
{
"avoidEscape": true,
"allowTemplateLiterals": true
}
],
"linebreak-style": ["warn", "unix"],
"semi": [1, "never"]
}
}复制代码
注意： 配置中需要关闭 vue/commet/directive。
增加 script 脚本命令
"scripts": {
"lint": "eslint 'src/**/*.ux'"
}复制代码
在终端运行 npm run lint，即可用 eslint 对 src 下所有的 ux 文件进行语法检查。
使用 eslint 插件
借助 eslint 插件，可以直接在 IDE 中显示警告信息。在插件市场中搜索 eslint，点击安装即可。
效果
在安装了上述依赖、插件，新建了 eslint 配置文件之后，在 UX 文件中输入以下语句，可以看到相应的 eslint 报错。
