vue项目中关闭eslint,开启代码全局format的方法
·
关闭保存时自动代码检测
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\"",
更多推荐



所有评论(0)