1.eslint簡介
eslint是用來管理和檢測js代碼風(fēng)格的工具医舆，可以和編輯器搭配使用塑娇，如vscode的eslint插件
當(dāng)有不符合配置文件內(nèi)容的代碼出現(xiàn)就會報錯或者警告
2.安裝eslint
npm init -y
npm install eslint --save-dev
./node_modules/.bin/eslint --init 初始化配置文件
此配置文件配置好之后，vscode編輯器自動識別
No ESLint configuration found的問題就解決了业稼。
3.此時如果報錯Failed to load plugin node: Cannot find module 'eslint-plugin-node'
替換.eslintrc.js中內(nèi)容
module.exports = {
"env": {
"browser":true,
? ? ? ? "es6":true,
? ? ? ? "node":true
? ? },
? ? "extends":"eslint:recommended",
? ? "parserOptions": {
"ecmaVersion":2015,
? ? ? ? "sourceType":"module"
? ? },
? ? "rules": {
// 縮進(jìn)
? ? ? ? "indent": [
"error",
? ? ? ? ? ? 4 //我的是編輯器自動格式化突倍，不是使用tabs妖滔，而是四個空格
? ? ? ? ],
? ? ? ? "linebreak-style": [
"error",
? ? ? ? ? ? "windows"
? ? ? ? ],
? ? ? ? // 引號
? ? ? ? "quotes": [
1,
? ? ? ? ? ? "single"
? ? ? ? ],
? ? ? ? // 分號結(jié)尾
? ? ? ? "semi": [
"error",
? ? ? ? ? ? "always"
? ? ? ? ],
? ? ? ? "no-unused-vars": [2, {
// 允許聲明未使用變量
? ? ? ? ? ? "vars":"local",
? ? ? ? ? ? // 參數(shù)不檢查
? ? ? ? ? ? "args":"none"
? ? ? ? }],
? ? ? ? // 最大空行100
? ? ? ? "no-multiple-empty-lines": [0, {"max":100 }],
? ? ? ? "no-mixed-spaces-and-tabs": [0],
? ? ? ? //不能使用console
? ? ? ? "no-console":'off',
? ? ? ? //未定義變量不能使用
? ? ? ? "no-undef":0,
? ? ? ? //一行結(jié)束后面不要有空格
? ? ? ? "no-trailing-spaces":1,
? ? ? ? //強(qiáng)制駝峰法命名
? ? ? ? "camelcase":2,
? ? ? ? //對象字面量項尾不能有逗號
? ? ? ? "comma-dangle": [2, "never"],
? ? ? ? //this別名
? ? ? ? "consistent-this": [2, "that"],
? ? }
};
參考文檔：
https://www.cnblogs.com/ye-hcj/p/7069505.html
https://blog.csdn.net/caomage/article/details/81094958
