1.eslint簡介
eslint是用來管理和檢測js代碼風格的工具，可以和編輯器搭配使用，如vscode的eslint插件
當有不符合配置文件內容的代碼出現就會報錯或者警告
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中內容
module.exports = {
"env": {
"browser":true,
? ? ? ? "es6":true,
? ? ? ? "node":true
? ? },
? ? "extends":"eslint:recommended",
? ? "parserOptions": {
"ecmaVersion":2015,
? ? ? ? "sourceType":"module"
? ? },
? ? "rules": {
// 縮進
? ? ? ? "indent": [
"error",
? ? ? ? ? ? 4 //我的是編輯器自動格式化，不是使用tabs，而是四個空格
? ? ? ? ],
? ? ? ? "linebreak-style": [
"error",
? ? ? ? ? ? "windows"
? ? ? ? ],
? ? ? ? // 引號
? ? ? ? "quotes": [
1,
? ? ? ? ? ? "single"
? ? ? ? ],
? ? ? ? // 分號結尾
? ? ? ? "semi": [
"error",
? ? ? ? ? ? "always"
? ? ? ? ],
? ? ? ? "no-unused-vars": [2, {
// 允許聲明未使用變量
? ? ? ? ? ? "vars":"local",
? ? ? ? ? ? // 參數不檢查
? ? ? ? ? ? "args":"none"
? ? ? ? }],
? ? ? ? // 最大空行100
? ? ? ? "no-multiple-empty-lines": [0, {"max":100 }],
? ? ? ? "no-mixed-spaces-and-tabs": [0],
? ? ? ? //不能使用console
? ? ? ? "no-console":'off',
? ? ? ? //未定義變量不能使用
? ? ? ? "no-undef":0,
? ? ? ? //一行結束后面不要有空格
? ? ? ? "no-trailing-spaces":1,
? ? ? ? //強制駝峰法命名
? ? ? ? "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
