使用vscode格式化文档无效的解决办法(vue代码格式化文档无效)

更新时间：2023年08月16日 10:25:33 作者：北城笑笑

这篇文章主要给大家介绍了关于使用vscode格式化文档无效的解决办法,也就是vue代码格式化文档无效,这是最近突然遇到的一个问题,这里给大家介绍一下解决的办法,需要的朋友可以参考下

问题：

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

原因：

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

解决方案：

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

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

设置页面右上角：

在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",

总结

到此这篇关于使用vscode格式化文档无效的解决办法的文章就介绍到这了,更多相关vscode格式化文档无效内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

VUE子组件向父组件传值详解（含传多值及添加额外参数场景）
这篇文章主要给大家介绍了关于VUE子组件向父组件传值（含传多值及添加额外参数场景）的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-09-09
vue中data和data()的区别说明
这篇文章主要介绍了vue中data和data()的区别说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-03-03
Vue项目el-upload 上传文件及回显照片和下载文件功能实现
本次需求是上传多种固定格式的文件,且回显的时候,图片可以正常显示,文件可以进行下载,主要采用element的el-upload组件实现,对Vue项目el-upload 上传文件及回显照片和下载文件功能实现感兴趣的朋友跟随小编一起看看吧
2023-12-12
Vue3-新特性defineOptions和defineModel示例详解
在Vue3.3中新引入了defineOptions宏主要是用来定义Option API的选项,可以用defineOptions定义任意的选项,props、emits、expose、slots除外,本文给大家介绍Vue3-新特性defineOptions和defineModel,感兴趣的朋友一起看看吧
2023-11-11
超实用vue中组件间通信的6种方式(最新推荐)
组件是 vue.js最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互进行直接的引用，所以组件间的相互通信是非常重要的，这篇文章主要介绍了vue中组件间通信的6种方式,需要的朋友可以参考下
2022-11-11
前端框架Vue父子组件数据双向绑定的实现
Vue项目中经常使用到组件之间的数值传递，实现的方法很多，但是原理上基本大同小异。这篇文章将给大家介绍Vue 父子组件数据单向绑定与Vue 父子组件数据双向绑定的对比从而认识双向绑定
2021-09-09
vue移动端如何解决click事件延迟,封装tap等事件
这篇文章主要介绍了vue移动端如何解决click事件延迟，封装tap等事件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-03-03
基于Vue实现文件上传的几种实现方式
文件上传是web开发中一个常见的需求,Vue.js作为一款流行的前端框架,也提供了方便的方法来实现文件上传功能,下面这篇文章主要给大家介绍了关于基于Vue实现文件上传的几种实现方式,需要的朋友可以参考下
2024-03-03
使用VueRouter的addRoutes方法实现动态添加用户的权限路由
这篇文章主要介绍了使用VueRouter的addRoutes方法实现动态添加用户的权限路由，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-06-06
vue自定义loader将行内样式px转rem适配
这篇文章主要为大家介绍了vue自定义loader将行内样式px转rem适配示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-08-08