可视化创建的vue项目，使用vscode 格式化代码时 和eslint冲突的解决办法

一：解决代码结尾写分号报错的问题。以及vscode中使用格式化文档命令把项目文件中的双引号改成单引号

  • 报错内容如下


    image.png
  • 解决办法：在项目最外层新建.prettierrc文件，然后写上如下代码即可
"singleQuote": true   表示将操作的文件双引号变单引号,并且还是去掉分号
image.png

二：解决 space-before-function-paren的错误(eslint默认 函数名和括号之间必须有空格)

  • 报错内容如下


    image.png
  • 解决方式：.eslintrc.js文件中增加如下代码，这样函数名后面直接加括号 也不会报错了 
'space-before-function-paren':0
image.png

三：解决vscode按住tab 缩进四个空格，而在eslint会报错的问题(ESLint是两空格)

  • 步骤一：首选项->设置


    image.png
  • 步骤二：输入formatOnSave，勾选如下选项即可
    image.png
  • 步骤三：关掉所有之前打开的页面，然后按住tab键，这样就会缩进两个空格了
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容