可视化创建的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键,这样就会缩进两个空格了

你可能感兴趣的:(可视化创建的vue项目,使用vscode 格式化代码时 和eslint冲突的解决办法)