vue-cli项目质量约束配置

同步发布于我的网站 🚀

• package.json
  • scripts
  • lint-staged
  • devDependencies
    • git-hooks
    • no-eslint
    • devDependencies - scss
    • devDependencies - less
    • engines
• pre-commit
• .eslintrc.js
• .stylelintrc
  • scss
  • less
• vue.config.js
• README.md

package.json

scripts

    "scripts": {...,"prepare": "husky install"},

lint-staged

  "lint-staged": {"src/**/*.{vue,css,scss,sass}": "stylelint --fix"},

devDependencies

git-hooks

        "husky": "^8.0.3","lint-staged": "^13.2.0",

no-eslint

    vue add eslint

or

      "@babel/eslint-parser": "^7.12.16","@vue/cli-plugin-babel": "~5.0.0","@vue/cli-plugin-eslint": "~5.0.0","eslint": "^7.32.0","eslint-plugin-vue": "^8.0.3",

devDependencies - scss

        "postcss": "^8.4.13","postcss-html": "^1.5.0","stylelint": "^14.9.1","stylelint-config-recommended-scss": "^7.0.0","stylelint-config-recommended-vue": "^1.4.0","stylelint-config-standard": "^26.0.0","stylelint-config-standard-scss": "^5.0.0",

devDependencies - less

        "postcss": "^8.4.13","postcss-html": "^1.5.0","postcss-less": "^6.0.0","stylelint": "^14.9.1","stylelint-config-recommended-less": "^1.0.4","stylelint-config-recommended-vue": "^1.4.0","stylelint-less": "^1.0.6",

engines

    "engines": {"node": "^14.18.3"}

pre-commit

输入命令行

npx husky add .husky/pre-commit

编辑文件 .husky/pre-commit

#!/usr/bin/env sh
. "$(dirname -- "$0")/_/husky.sh"npx lint-staged

.eslintrc.js

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

.stylelintrc

scss

{"extends": ["stylelint-config-standard","stylelint-config-standard-scss","stylelint-config-recommended-vue/scss"],"rules": {"declaration-block-no-redundant-longhand-properties": null,"selector-class-pattern": "^[a-z]{1}[a-z-_]*[a-zA-Z]*$","selector-id-pattern": "^[a-z]{1}[a-z-_]*[a-zA-Z]*$","scss/at-function-pattern": null,"scss/no-global-function-names": null,"font-family-no-missing-generic-family-keyword": null,"value-no-vendor-prefix": null,"indentation": 2,"selector-type-case": "lower"}
}

less

{"extends": ["stylelint-config-recommended-less"],"overrides": [{ "files": ["*.vue", "**/*.vue"], "customSyntax": "postcss-html" },{ "files": ["*.less", "**/*.less"], "customSyntax": "postcss-less" }],"rules": {"declaration-block-no-redundant-longhand-properties": null,"selector-class-pattern": "^[a-z]{1}[a-z-_]*[a-zA-Z]*$","selector-id-pattern": "^[a-z]{1}[a-z-_]*[a-zA-Z]*$","font-family-no-missing-generic-family-keyword": null,"value-no-vendor-prefix": null,"indentation": 2,"selector-type-case": "lower"}
}

vue.config.js

module.exports = {...,lintOnSave: "error",
}

README.md

项目代码规范