資訊專欄INFORMATION COLUMN
摘要：使用或去定義配置的結構。在里創建一個屬性，在那里定義你的配置。如果同一個目錄下有多個配置文件，只會使用一個。
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/...文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://m.specialneedsforspecialkids.com/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 ...
閱讀 2657·2019-08-30 15:53
閱讀 2879·2019-08-29 16:20
閱讀 1086·2019-08-29 15:10
閱讀 1026·2019-08-26 10:58
閱讀 2198·2019-08-26 10:49
閱讀 637·2019-08-26 10:21
閱讀 707·2019-08-23 18:30
閱讀 1640·2019-08-23 15:58
