刘勇虎的官方网站

• 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

项目代码规范