Strings must use singlequote 等等问题如何解决--在vue项目开发时候遇到vetur格式化与eslint规范冲突的问题

最新推荐文章于 2023-02-06 11:30:27 发布

沙克徐

最新推荐文章于 2023-02-06 11:30:27 发布

阅读量3.3k

点赞数 1

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_44067191/article/details/112430182

版权

在Vue项目开发中，使用vetur格式化文件时可能会遇到与ESLint规范冲突的问题，如字符串必须使用单引号、缺少函数括号前的空格等错误。解决方法包括：在settings.json中配置vetur.format.defaultFormatterOptions，关闭Prettier的semi和启用singleQuote；在ESLint的配置文件中，将'space-before-function-paren'规则设为0。通过这些调整，可以避免格式冲突并使代码顺利编译。

摘要由CSDN通过智能技术生成

问题：
vue-cli开发项目开发过程中我们遇到类似

error Strings must use singlequote quotes
error Missing space before function parentheses space-before-function-paren
error Extra semicolon semi
error Missing space before function parentheses space-before-function-paren
error Extra semicolon semi
等错误，其实是你用vetur格式化文件后，该文件代码格式与eslint规范冲突了。
报错信息（出错信息详细内容可以自行翻译了解）：

报错的代码：
报错代码部分

解决：

一，在设置setting.json中加入以下代码：

“vetur.format.defaultFormatterOptions”: {
“prettier”: {
// Prettier option here
“semi”: false,
“singleQuote”: true,
}
}
二，在.eslintrc.js或者在package.json中"eslintConfig"中的rules（