摘要：使用或去定义配置的结构。在里创建一个属性，在那里定义你的配置。如果同一个目录下有多个配置文件，只会使用一个。
eslint是一个代码检测工具
官网如下
http://eslint.cn/
npm install eslint --save-dev需要这几个npm包:
eslint
eslint-loader
eslint-plugin-html (用以lint一些在html文件里面通过script包裹的js代码,它默认的匹配规则是不带type属性，或者是/^(application|text)/(x-)?(javascript|babel|ecmascript-6)$/i,具体的内容请查阅相关文档,通过cli启动lint的时候定义文件后缀名时eslint --ext .html,.js)
eslint-config-standard (和?2个包都是javascript-style-standard风格指南需要的包)
eslint-plugin-promise
eslint-plugin-standard
eslint-friendly-formatter (生成的报告格式)
eslint --init//初始化配置 eslint --initESLint 支持几种格式的配置文件：
JavaScript - 使用 .eslintrc.js 然后输出一个配置对象。
YAML - 使用 .eslintrc.yaml 或 .eslintrc.yml 去定义配置的结构。
JSON - 使用 .eslintrc.json 去定义配置的结构，ESLint 的 JSON 文件允许 JavaScript 风格的注释。
Deprecated - 使用 .eslintrc，可以使 JSON 也可以是 YAML。
package.json - 在 package.json 里创建一个 eslintConfig属性，在那里定义你的配置。
**1. .eslintrc.js
.eslintrc.yaml
.eslintrc.yml
.eslintrc.json
.eslintrc
package.json**
配置示例http://eslint.cn/docs/user-gu...
http://eslint.cn/docs/user-gu...
http://eslint.cn/docs/user-gu...
http://eslint.cn/docs/user-gu...
"off" 或 0 - 关闭规则
"warn" 或 1 - 开启规则，使用警告级别的错误：warn (不会导致程序退出)
"error" 或 2 - 开启规则，使用错误级别的错误：error (当被触发的时候，程序会退出)
module.exports = {
"parser": "babel-eslint",
"extends": "eslint:recommended",
"plugins": [
"html"
],
"env": {
"browser": true,
"node": true,
"es6":true,
"jquery":true
},
"globals": {
"Vue": true,
"AMap": true,
"tdist": true,
"EXIF": true,
"j_body": true,
"native": true,
"VueRouter": true,
"pocketPost": true,
"aliCnCityList": true,
},
"rules": {
"no-unused-vars": ["off", { "vars": "all", "args": "after-used", "ignoreRestSiblings": false }],
"no-debugger": ["off"],
"no-unreachable": ["off"],
"no-console": ["off"],
"no-extra-semi": ["off"],
}
};
eslint在webpack2配置如下
module: {
rules: [
{
test: /.(js|vue)$/,
loader: "eslint-loader",
// enforce: "pre",//是否在loader前监测，vue中我设为否
include: [path.join(__dirname, "src")],
options: {
formatter: require("eslint-friendly-formatter")//错误输出格式
}
}
]
}
相关参考文档
https://segmentfault.com/a/11...
http://eslint.cn/docs/user-gu...
http://eslint.cn/docs/rules/
https://vue-loader.vuejs.org/...
https://vue-loader.vuejs.org/...文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。
转载请注明本文地址：https://www.ucloud.cn/yun/84580.html
摘要：使用或去定义配置的结构。在里创建一个属性，在那里定义你的配置。如果同一个目录下有多个配置文件，只会使用一个。 eslint是一个代码检测工具 官网如下http://eslint.cn/ npm install eslint --save-dev 需要这几个npm包: eslint eslint-loader eslint-plugin-html (用以lint一些在html文件里面通...
摘要：简单项目脚手架地址使用技术栈需要学习的知识内容相当多，尤其是教程，官方脚手架虽然相当完整齐全，但是修改起来还是挺花时间，于是自己参照网上的资料和之前做过的项目用到的构建工具地去写了一个简单项目脚手架。 简单vue项目脚手架 github地址 使用技术栈 webpack(^2.6.1) webpack-dev-server(^2.4.5) vue(^2.3.3) vuex(^2.3.1...
容易混淆概念解析 读这篇文章理清下面概念 webpack 中那些最易混淆的 5 个知识点 1.module，chunk 和 bundle 的区别是什么？2.filename 和 chunkFilename 的区别 版本区别 webpack 2x entry output loaders file-loader：把文件输出到一个文件夹中，在代码中通过相对 URL 去引用输出的文件 url-lo...
摘要：包中导出的默认是运行时构建。当然，我们期待的是只修改代码，不用重新运行命令，甚至不需要刷新浏览器即看到代码的改动效果，这时候需要新的插件来配置实现的热重载。 首先已经全局安装了node/vue/webpack; 新建文件夹demo4并初始化 cd demo4 npm init -y 这是页面会生成一个package.json文件。 安装webpack及相关插件 npm install ...
阅读 2374·2019-08-30 15:53
阅读 2763·2019-08-29 16:20
阅读 960·2019-08-29 15:10
阅读 890·2019-08-26 10:58
阅读 2075·2019-08-26 10:49
阅读 526·2019-08-26 10:21
阅读 587·2019-08-23 18:30
阅读 1541·2019-08-23 15:58
