关闭保存时自动代码检测

1. vue.config.js中


const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  transpileDependencies: true,
  lintOnSave: false, // 关闭保存时自动代码检测
})

2. .eslintrc.js

module.exports = {
    root: true,
    env: {
        browser: true,
        node: true,
    },
    parserOptions: {
        ecmaVersion: 2018, // 或者你想要支持的更高版本
        sourceType: 'module', // 如果是模块化代码,请包含此选项
    },
    extends: [],
    rules: {}, // 清空所有规则或设置为空对象来禁用所有规则
};

代码全局格式化 npm i prettier --save-dev

package.json中


  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "format": "prettier --write \"src/**/*.ts\" \"src/**/*.vue\"" // ts 代码全局格式化
 // "format": "prettier --write \"src/**/*.js\" \"src/**/*.vue\"" // js 代码全局格式化
    "format-changed": "powershell -Command \"$files = git diff --name-only --diff-filter=ACMRTUXB HEAD~1 src/**/*.js src/**/*.vue; $files | ForEach-Object { prettier --write $_ }\"" // 仅格式化改动的文件

  },

根目录新建.prettierrc用于配置prettier

{
  "arrowParens": "avoid",
  "bracketSameLine": false,
  "bracketSpacing": true,
  "cursorOffset": -1,
  "embeddedLanguageFormatting": "auto",
  "endOfLine": "lf",
  "htmlWhitespaceSensitivity": "css",
  "insertPragma": false,
  "jsxSingleQuote": false,
  "pluginSearchDirs": [],
  "plugins": [],
  "printWidth": 80,
  "quoteProps": "as-needed",
  "requirePragma": false,
  "semi": true,
  "singleQuote": false,
  "tabWidth": 2,
  "trailingComma": "none",
  "useTabs": false,
  "vueIndentScriptAndStyle": false,
  "eslintIntegration": true,
  "stylelintIntegration": true
}

运行方式: npm run format

仅格式化修改的文件

需要先已管理员身份运行 powershell并运行如下命令(注意:这会更改整个系统的执行策略,请确保了解其安全影响。)

   Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope LocalMachine

package.json中设置 

    "format-changed": "powershell -Command \"$files = git diff --name-only --diff-filter=ACMRTUXB HEAD~1 src/**/*.js src/**/*.vue; $files | ForEach-Object { prettier --write $_ }\""

!!!注意:修改配置文件后必须重启项目

如果npm run format 报错可运行以下检查命令

    "format:check": "prettier --check \"common/**/*.js\" \"pages/**/*.vue\" \"components/**/*.vue\"",

更多推荐