当前位置: 首页 > Web前端 > JavaScript

Nuxt+eslint+prettier保存自动格式化(无需配置.vscode-settings.json)

时间:2023-03-26 22:36:04 JavaScript

Nuxt+eslint+prettier保存自动格式化(无需配置.vscode/settings.json)首先安装配置(编码规范,代码提交规范)全家桶husky+lint-staged+commitlint,详细配置请点击全家桶husky+methodslint-staged+commitlint,然后启动如下配置保存完成后自动格式化1.配置.editorconfig文件#editorconfig.orgroot=true[*]indent_size=4indent_style=spaceend_of_line=lfcharset=utf-8trim_trailing_whitespace=trueinsert_final_newline=真[*。md]trim_trailing_whitespace=false2.配置.prettierrc文件{"singleQuote":true,//`prettier.semi`使用单引号`.vscode/settings.json`"semi":false,//末尾没有分号``prettier.semi`in.vscode/settings.json`"printWidth":120//此项为以上两项的默认值,表示每行显示的最大字符数。默认80,我觉得太短了,所以修改了,必须对应`.vscode/settings.json`的`prettier.printWidth`/*更多配置请到https://prettier.io/docs/en/options.html*/}3.配置.eslintrc.js文件module.exports={root:true,env:{browser:true,node:true,},parserOptions:{parser:'babel-eslint',},extends:[//'@nuxtjs','plugin:nuxt/recommended','plugin:prettier/recommended','prettier','prettier/vue',],plugins:['prettier'],//在此处添加自定义规则rules:{'nuxt/no-cjs-in-config':'off',indent:['off',2],//4个空格缩进/*更多配置请点击http://eslint.cn/docs/rules/*/},}4.nuxt.config.js文件添加options.fixunderbuild.extend(config,ctx){}:truebuild:{/***你可以在这里扩展webpack配置*/extend(config,ctx){//在保存时运行ESLintif(ctx.isDev&&ctx.isClient){config.module.rules.push({enforce:'pre',test:/.(js|vue)$/,loader:'eslint-loader',exclude:/(node_modules)/,options:{修正:真}})}}}