(十八)前端使用eslint程式碼檢查

(一) 使用eslint作為程式碼檢查工具

(1) npm 初始化

npm init -y

(2) 安裝eslint

npm i eslint -D

(3)安裝好以後在package.json裡面輸入

 "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "create": "eslint --init"
  },

(4)然後敲

npm run create

(5)按照步驟一步步安裝你喜歡的配置檔案

(6)備註要是伺服器端的話eslint禁止使用console.log所以還需要加入句規則

module.exports = {
  "env": {
    "browser": true,
    "commonjs": true,
    "es6": true,
    "node": true
  },
  "extends": "eslint:recommended",
  "parserOptions": {
    "ecmaVersion": 2016,
    "sourceType": "module"
  },
  "rules": {
    'no-console': "off",
    "indent": [
      "error",
      "tab"
    ],
    "linebreak-style": [
      "error",
      "windows"
    ],
    "quotes": [
      "error",
      "single"
    ],
    "semi": [
      "error",
      "never"
    ]
  }
};