解决vue项目中prettier、eslint格式冲突问题
解决vue项目中prettier、eslint格式冲突问题我是用prettier作为vscode默认的格式化插件的,vue项目自动保存的时候,格式化,会自动在代码末尾添加分号,单引号会自动变成双引号。然后eslint开始报错:先贴上报错图遇到这个问题的时候,试过很多种方式,包括:修改vscode中settings.json文件关于vetur默认格式化插件配置:修改vetur默认格式化插件配置…修改
·
解决vue项目中prettier、eslint格式冲突问题
我是用prettier作为vscode默认的格式化插件的,vue项目自动保存的时候,格式化,会自动在代码末尾添加分号,单引号会自动变成双引号。然后eslint开始报错:
先贴上报错图
遇到这个问题的时候,试过很多种方式,包括:
修改vetur默认格式化插件配置…
修改prettier配置…
修改eslint配置…
然而都不管用!!!
最后找到两种有效的解决办法:
- 在vue项目中,新建.prettierrc.json文件,并写入如下配置:
{
"singleQuote": true,
"semi": false
}
- package.json文件中关于eslint相关的配置项里,写入以下代码,off代表关闭此类验证
"eslintConfig": {
"rules": {
"semi":"off",
"singleQuote": "off"
}
},
就ok了,但是,这两种方法都比较麻烦,每次新的项目都需要手动更改,暂时还没有找到一步到位的解决方法,各位如果有更好的解决方式,不吝请教啊~
更多推荐
已为社区贡献1条内容
所有评论(0)