欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2022-03-17 07:57:38
...

1.先打开vscode 的设置

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

2.找到在settings.json中编辑

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

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格式化,会自动补分号和双引号
亲测有效! 可以试试! 互帮互助!!!

相关标签: 小点总结 前端