vue 保存自动格式化, html自动缩进 双引号变为单引号 注释加空格 html标签属性设置不换行 亲测有效！

设置vscode自动格式化 开启语法检查（安装ESLint，检查语法保证代码的规范性） 安装Vetur插件 打开vscode的setting.json文件（文件–>首选项–>输入vetur搜索，往下找到在setting.json文件中编辑） 将如下代码复制到setting.json文件中覆盖 // setting.js { // "workbench.iconTheme": "vscode-icons", "editor.formatOnSave": true, "vetur.format.defaultFormatter.html": "js-beautify-html", "vetur.format.defaultFormatterOptions": { "js-beautify-html": { "wrap_attributes": "auto" }, "prettyhtml": { "printWidth": 100, "singleQuote": false, "wrapAttributes": false, "sortAttributes": false }, "prettier": { "semi": false, "singleQuote": true } }, "workbench.editor.enablePreview": false, "vetur.validation.template": false, "javascript.updateImportsOnFileMove.enabled": "always", "css.fileExtensions": [ "css", "scss" ] }

设置完成后 重启vscode即可

如果发现设置完之后，保存.js文件时双引号不能变成单引号需要进行如下操作

在项目的根目录下新建 .prettierrc.json 的文件 在文件中加入如下代码 { "singleQuote": true, "semi": false } 亲测有效，完美！**
作者：语柳2020

标签 Vue.js 引号 格式化 单引号 ue 双引号 属性 HTML 自动 tm html标签 标签属性