使用vscode格式化文档无效（vue代码格式化文档无效）

灰太狼 2023-10-09 17:03 6阅读 0赞

#### **问题：最近在写代码的时候，vscode使用格式化文档不管用。** ####

![ff9241dbbd574b239d498367301f429b.png][]

#### **原因：单页面使用大量element组件和html代码导致，vscode识别不了。** ####

#### 解决方案： ####

**1、打开设置，点击右侧的图标打开settings.json文件，在文件中注入代码。**

**settings.json文件位置，vscode左下角：**

![8ecb360de5f14428bd319682527fe2ac.png][]

**设置页面右上角：**

![72c9c03777c34d94ae43f47c4194e75f.png][]

**在settings.json文件中注入代码：**

"vetur.format.defaultFormatter.js": "vscode-typescript",
        "vetur.format.defaultFormatter.html": "js-beautify-html"

**2、代码放在这里，完美解决。**

"path-autocomplete.extensionOnImport": true,//导入文件时是否携带文件的拓展名
        "path-autocomplete.pathMappings": {//配置@的路径提示
            "@": "${folder}/src"
        },
        "explorer.confirmDelete": false,
        "editor.fontSize": 20,
        // 放在这里，解决格式化代码不管用
        "vetur.format.defaultFormatter.js": "vscode-typescript",
        "vetur.format.defaultFormatter.html": "js-beautify-html",

[ff9241dbbd574b239d498367301f429b.png]: https://img-blog.csdnimg.cn/ff9241dbbd574b239d498367301f429b.png
[8ecb360de5f14428bd319682527fe2ac.png]: https://img-blog.csdnimg.cn/8ecb360de5f14428bd319682527fe2ac.png
[72c9c03777c34d94ae43f47c4194e75f.png]: https://img-blog.csdnimg.cn/72c9c03777c34d94ae43f47c4194e75f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，6人围观）

还没有评论，来说两句吧...

相关阅读

相关使用vscode格式化文档无效（vue代码格式化文档无效）

问题：最近在写代码的时候，vscode使用格式化文档不管用。 ![ff9241dbbd574b239d498367301f429b.png][] 原因：单页面使用大量

灰太狼/ 2023年10月09日 17:03/ 0 赞/ 7 阅读

相关 IDEA 格式化代码Reform Code快捷键无效

\\ 看着用起来这么舒服的IDEA快捷键，突然Ctrl+Alt+L怎么按都没有反应，瞬间就不香了\\ -------------------- 不行，我要搞一下 ----

系统管理员/ 2023年02月14日 02:29/ 0 赞/ 10 阅读

相关 VSCode 代码格式化快捷键

Visual Studio Code可以通过以下快捷键格式化代码： On Windows 　　Shift + Alt + F On Mac 　　Shift +

墨蓝/ 2023年01月17日 09:27/ 0 赞/ 175 阅读

相关 vscode保存自动格式化代码

1. 打开vscode --> 设置 --> setting.json 在setting.json中添加以下三行代码： "editor.formatO

女爷i/ 2022年11月18日 01:52/ 0 赞/ 284 阅读

相关 vscode保存文档自动格式化配置

> editor.formatOnSave 上图片一个图片胜过千言万语:在设置中搜索editor.formatOnSave之后勾线成对号就行了每次保存文档都会自动格式

我就是我/ 2022年11月14日 10:16/ 0 赞/ 258 阅读

相关 vscode格式化 java_VScode编辑器格式化

\{ "files.autoSave": "onFocusChange", "editor.mouseWheelZoom": true, "vetur.validatio

傷城~/ 2022年11月07日 05:28/ 0 赞/ 381 阅读

相关 editplus 格式化xml文档

最近使用EDITPLUS的时候发现没有格式化xml的功能，上网找了些资料，整理了一下，发现要下载安装插件 1.Editplus 对xml的缩进层次显示，即代码格式化。需要

落日映苍穹つ/ 2022年09月18日 03:53/ 0 赞/ 395 阅读

相关 editplus 格式化xml文档

最近使用EDITPLUS的时候发现没有格式化xml的功能，上网找了些资料，整理了一下，发现要下载安装插件 1.Editplus 对xml的缩进层次显示，即代码格式化。需要用到

太过爱你忘了你带给我的痛/ 2022年04月14日 06:39/ 0 赞/ 500 阅读

相关 vscode eslint自动格式化代码

{ "editor.codeActionsOnSave": { "source.fixAll.eslint": true },

柔光的暖阳◎/ 2021年09月24日 03:58/ 0 赞/ 874 阅读

相关 vscode + eslint + prettier 格式化Vue代码

项目背景 : vue-cli 先安装好这三个插件,然后根据配置清单按需配置 ESlint：javascript代码检测工具，可以配置每次保存时格式化js，但每次保存只格式

àì夳堔傛蜴生んèń/ 2021年09月19日 08:18/ 0 赞/ 507 阅读