新手建网站,微网站开发 课程标准,南京网站建设公司 雷,中国互联网络信息中心网站prettier风格配置
官网#xff1a;https://prettier.io
Eslint#xff1a;代码纠错#xff0c;关注于规范
prettier#xff1a;专注于代码格式化的插件#xff0c;让代码更加美观
两者各有所长#xff0c;配合使用优化代码
生效前提#xff1a;
1#xff09;禁用…prettier风格配置
官网https://prettier.io
Eslint代码纠错关注于规范
prettier专注于代码格式化的插件让代码更加美观
两者各有所长配合使用优化代码
生效前提
1禁用格式化插件prettier 使用的是内置的prettier包可以在package中查看版本 2安装Eslint插件并配置保存时自动修复format on save关闭 打开vscode的设置点击右上角的页面进入代码设置 按照红色框内修改代码 在配置文件.eslintrc.cjs中添加如下代码查看注释理解代码含义更多规则查看prettier官网 rules: {prettier/prettier: [warn,{singleQuote: true, //单引号semi: false, //无分号printWidth: 80, //每行宽度至多80字符trailingComma: none, //不加对象|数组最后逗号endOfLine: auto //换行符号不限制win mac 不一致}]} vue组件名称多单词组成忽略index.vue
vue组件名称要求必须由多单词组成但是有时候需要设置index.vue就会报错所以设置以下代码可以让index.vue不报错 vue/multi-word-component-names: [warn,{ignores: [index] //vue组件名称多单词组成忽略index.vue}] props解构关闭
正常props解构就会导致数据响应式丢失但是我们可以有方法让其响应式不丢失所以这里可以设置代码使props解构时不报错
vue/no-setup-props-destructrue: [off], //关闭props解构的校验props解构丢失响应式
未定义的变量使用时报错
no-undef: error //添加未定义变量错误提示create-vue3.6.3关闭这里加上是为了支持下一个章节演示
