建立 Vue 檔案

設定 Eslint

eslint --init

設定 .eslintrc.js

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: ["plugin:vue/essential", "@vue/prettier"],
  rules: {
    "no-console": process.env.NODE_ENV === "production" ? "error" : "off",
    "no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
  },
  parserOptions: {
    parser: "@typescript-eslint/parser"
  }
};

設定 Prettier

npm install —-dev prettier @vue/eslint-config-prettier eslint-plugin-prettier

設定 .prettierrc.js

extends: [
    // ...other extends,
    "@vue/prettier"
  ], 
  plugins: ["prettier"],
  rules: {
    "prettier/prettier": "error"
  }

設定 Styleint

npm install --dev stylelint stylelint-scss stylelint-config-standard-scss stylelint-config-prettier

設定 .stylelintrc.js

module.exports = {
  extends: ["stylelint-config-standard-scss", "stylelint-config-prettier"],
  rules: {
    "declaration-colon-space-after": "always-single-line",
    "declaration-colon-space-before": "never",
    "declaration-block-trailing-semicolon": "always",
    "rule-empty-line-before": [
      "always",
      {
        ignore: ["after-comment", "first-nested"]
      }
    ]
  }
}

'no-console': 0, // 禁止使用 console
'no-unsed-vars': 0 // 禁止出現未使用過的變數
'no-case-declarations': 0 // 不能在 csae 子句中使用語法聲明