当前位置: 代码迷 >> 综合 >> vscode vetur eslint 代码自动格式化
  详细解决方案

vscode vetur eslint 代码自动格式化

热度:13   发布时间:2024-02-07 22:48:47.0

自己整理的最简配置 

{"workbench.iconTheme": "vscode-icons", // 图标插件:搜索vscode-icons安装"editor.formatOnSave": true, // 保存时自动格式化"[vue]": { // .vue文件使用vetur作为格式化工具"editor.defaultFormatter": "octref.vetur"},"vetur.format.defaultFormatter.html": "none", // 不使用vetur格式化.vue里的html代码"vetur.format.defaultFormatter.js": "none","editor.codeActionsOnSave": { // 启用ESLint规则格式化以上设为none的代码"source.fixAll.eslint": true},"editor.tabSize": 2, //tab空格数"editor.detectIndentation": false, //为true时tabSize配置不生效
}

记几个vscode插件  

  • vscode-icons -- 文件图标
  • ESlint
  • Vetur
  • Auto Close Tag -- 自动闭合html标签
  • Auto Rename Tag -- 同时修改html双标签名