使用vscode保存代码进行vue格式化,会自动补分号和双引号

1.先打开vscode 的设置

使用vscode保存代码进行vue格式化,会自动补分号和双引号_第1张图片

2.找到在settings.json中编辑

使用vscode保存代码进行vue格式化,会自动补分号和双引号_第2张图片

3.在 settings.json 里添加如下配置,如果重复可以拿掉

每个人的 settings.json 配置项可能不一样,现在只需要往json中加入下配置就可格式化vue了

// 分号和双引号不会再自动添加
"vetur.format.defaultFormatterOptions": {
  "prettier": {
    "semi": false,
    "singleQuote": true
  }
},
// 方法括号之间插入空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"vetur.format.defaultFormatter.js": "vscode-typescript"

4. 或者直接 关闭 eslint 的这个 错误校验

prettier插件与eslint冲突
eslintrc文件中配置

// 关闭eslint的这个错误校验

‘space-before-function-paren’: 0

使用vscode保存代码进行vue格式化,会自动补分号和双引号_第3张图片
亲测有效! 可以试试! 互帮互助!!!

你可能感兴趣的:(小点总结,前端,前端)