Vue3+Element-Plus处理项⽬中语法警告问题⼗九
1.使⽤ vs code 保护后⾃动格式化处理参考
2.为项⽬添加配置⽂件，⾃动格式化代码
2.1 使⽤cmd 进⼊项⽬根⽬录
2.2 运⾏vue ui 打开项⽬，打开任务⾯板，点击serve，如果警告数量不为0。如图，警告数量为0，是因为使⽤步骤1，⾃动格式化代码，符合EsLint 语法，所以没有警告.
2.3 如果显⽰警告数
2.4 点击控制台输出，往下滑查看具体警告内容。⼤概就是⼀些语法多写了⼀个分号等，不符合EsLint语法的问题。
3. 如何解决
3.1 在项⽬根路径创建⼀个配置⽂件 .prettierrc它是⼀个JSON格式的配置⽂件
3.2 添加配置项
{
// 格式化的时候，不让它⾃动加分号vue element admin
"semi":false,
// 单引号替换双引号，为true代表启⽤单引号
"sinleQuote":true
}
3.3 配置完成后，去⾃⼰编写的组件页⾯，按下格式化快捷键看看有没有⽣效，⽣效的效果就是，⾃动
把分号去掉，所有的双引号变成单引号。如何查看vs code快捷键 ，随意打开⼀个.vue页⾯，右键，我的是Shift+Alt+F
3.4 去前端页⾯，点击停⽌，重新运⾏页⾯
3.5 警告数量变少了，如果还有警告，再去输出⾯板，再查看具体警告内容
3.6 具体警告内容是，⼩括号之前，需要⼀个空格。这个空格也是⼀个语法规则
3.7 如何解决以上问题
1. 修改.eslintrc.js 即可
2. 把以下警告的语法规则关闭即可。就是⼩括号不加空格，不需要提⽰警告信息。
3. 如何修改，
值为0，表⽰禁⽤该语法规则。
'space-before-function-paren':0
3.8 再次点击停⽌-启动运⾏，重新编译后⽣效。
4. 总结
1.创建.prettierrc ⽂件
2. 通过固定格式移除分号且⽤单引号来表⽰字符串
3. 每⼀个vue组件中，按下格式化按键后，⾃动格式化代码
4. 在.eslintrc.js ⽂件中，rules 节点⾥⾯配置禁⽤相关语法规划
5. ⼩知识
使⽤了步骤1.使⽤ vs code 保护后⾃动格式化处理参考之后，就不要再配置步骤2为项⽬添加配置⽂件，⾃动格式化代码这个了。防
⽌冲突。
两者选其⼀即可

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。