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

灰太狼 2023-10-09 17:03 24阅读 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 条评论，24人围观）

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

相关阅读

相关解决vsCode格式化vue代码的问题

1.首先安装两个必要的插件: eslint Vetur 2.配置 eslint,按如下步骤打开配置文件: > 文件->首选项->设置，在搜索设置中输入

小鱼儿/ 2023年10月18日 15:11/ 0 赞/ 10 阅读

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

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

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

相关 VSCode 设置代码格式化

文件->首选项->设置然后右上角打开设置（json） ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cH

秒速五厘米/ 2023年10月06日 12:56/ 0 赞/ 2 阅读

相关 Intellij Idea 代码自动格式化/去除无效import

Intellij Idea 代码自动格式化/去除无效import 前言最近开发总是忘记快捷键格式化，导致git提交时，总是提示很多无效提交，看着有点烦，所以找了下

以你之姓@/ 2023年09月30日 11:43/ 0 赞/ 10 阅读

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

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

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

相关 VSCode 代码格式化快捷键

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

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

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

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

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

相关 editplus 格式化xml文档

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

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

相关 editplus 格式化xml文档

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

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

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

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

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