eslint

  • 主要做代码校验，以及部分代码格式化

  • 安装相关依赖

    1. yarn add eslint-config-standard eslint-plugin-import eslint-plugin-promise eslint-plugin-node -D

  • 根目录创建 .eslintrc.js

    1. module.exports = {
    2. extends: "standard",
    3. };

    prettier

  • 主要做代码格式化，一些格式化会和 eslint 冲突

  • 根目录创建 .prettierrc

    1. {
    2. "semi": false,
    3. "singleQuote": true
    4. }

    vscode

    安装 eslit prettier - code formatter
    vscode 设置 -> 查找 format on save ，勾选这个选项，保存时自动格式化
    image.png
    vscode 设置 -> 查找 formatter ，找到 default formatter 选项，设置默认使用 prettier 方式格式化代码
    image.png

    script 脚本命令

    package.json 中添加脚本命令

    1. "scripts": {
    2. "dev": "vite",
    3. "build": "npm run lint && vue-tsc --noEmit && tsc --noEmit && vite build",
    4. "serve": "vite preview",
    5. "lint": "eslint --ext js src/"
    6. },

    使用 husky 进行 lint 校验

  • 初始化 git 仓库

  • 安装
    1. yarn add husky -D
    2. npx husky install
    3. # git commit 之前先执行 npm 脚本
    4. npx husky add .husky/pre-commit "npm run lint"