首先找到这个文件settings.json 如下图

(1)

(2)

![](https://img-blog.csdnimg.cn/887616ebb4e24a8a9d7b848561f239e4.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBATUZHXzY2Ng==,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center

(3)

整体代码复制到里面,先不要关闭此文件,找到自己文件,测试一下,是否起作用,不行再Ctrl + z,在寻求其他方法

{"typescript.preferences.quoteStyle": "single","javascript.preferences.quoteStyle": "single",// tab 大小为2个空格"editor.tabSize": 2,// 保存时格式化"editor.formatOnSave": false,// 编辑器换行"editor.wordWrap": "off",// //让函数(名)和后面的括号之间加个空格"javascript.format.insertSpaceBeforeFunctionParenthesis": true,// 开启 vscode 文件路径导航"breadcrumbs.enabled": true,// 选择 vue 文件中 template 的格式化工具"vetur.format.defaultFormatter.html": "js-beautify-html",// 让vue中的js按编辑器自带的ts格式进行格式化"vetur.format.defaultFormatter.js": "vscode-typescript",// vetur 的自定义设置"vetur.format.defaultFormatterOptions": {"js-beautify-html": {"wrap_line_length": 120,"wrap_attributes": "auto",//"force-aligned" //属性强制折行对齐"end_with_newline": false},"prettier": {"singleQuote": true,"semi": false,"printWidth": 100,"wrapAttributes": false,"sortAttributes": false,"trailingComma": "none",}}
}

感觉文章好的话记得点个心心和关注和收藏,有错的地方麻烦指正一下,如果需要转载,请标明出处,多谢!!!

Vscode代码格式化文档配置相关推荐

  1. vsCode格式化文档

    vsCode格式化文档-html属性不换行(css格式话) 打开 文件-首选参数-设置 在搜索框输入settings 点击 settings.josn编辑 代码如下: {"editor.fo ...

  2. 如何在vscode中使用快捷键ctrl+alt+L,快速格式化文档。

    由于经常使用Pycharm格式化文档,所以习惯了使用ctrl+alt+L的快捷键格式化python代码.那么在vscode中如何更该为自己习惯的方式呢? 第一步:点击左下角,或者快捷键ctrl+s. ...

  3. 使用 Vscode 编写 HTML 文档竟然可以自动写代码(2)

    作者简介 作者名:1_bit 简介:CSDN博客专家,2020年博客之星TOP5,蓝桥签约作者.15-16年曾在网上直播,带领一批程序小白走上程序员之路.欢迎各位小白加我咨询我相关信息,迷茫的你会找到 ...

  4. VScode 代码格式化失效

    今天打开vscode编辑项目,发现Alt + Shift + F格式化代码失效,右键格式化文档也失效: 重启后依然不行: 解决方式扩展程序里,找到Vetur这个扩展,之前安装过这个扩展:该扩展的功能就 ...

  5. VSCode代码格式化

    一.如何在VSCode页面内进行代码格式化 二.如何在保存代码时自动格式化代码 1.在VSCode中进行代码格式化: 方法一:右键选择"格式化文档" 方法二:shift+alt+F ...

  6. Tsung MQTT协议简介及MQTT xml文档配置介绍

    MQTT协议简介及MQTT xml文档配置介绍 by:授客 QQ:1033553122 1. MQTT协议介绍 MQTT(Message Queuing Telemetry Transport,消息队 ...

  7. Typora markdown公式换行等号对齐_Typora-编写博客格式化文档的最佳软件

    Typora-编写博客格式化文档的最佳软件 Typora 不仅是一款支持实时预览的 Markdown 文本编辑器,而且还支持数学公式.代码块.思维导图等功能.它有 OS X.Windows.Linux ...

  8. Typora markdown公式换行等号对齐_Typora编写博客格式化文档的最佳软件

    Typora-编写博客格式化文档的最佳软件 Typora 不仅是一款支持实时预览的 Markdown 文本编辑器,而且还支持数学公式.代码块.思维导图等功能.它有 OS X.Windows.Linux ...

  9. vscode 代码格式化及快捷键

    VSCode 代码格式化 快捷键 On Windows Shift + Alt + F On Mac Shift + Option + F On Ubuntu Ctrl + Shift + I 代码格 ...

最新文章

  1. Ubuntu14.04下切换系统自带的Python和Anaconda 下的Python
  2. linux shell 查看进程 可执行程序路径
  3. 1096 Consecutive Factors (20 分)【难度: 一般 / 爆搜 数论】
  4. Learning Face Age Progression: A Pyramid Architecture of GANs
  5. android中shape的属性,android中shape的属性
  6. 限制ul显示高度_HP Envy 34寸超宽曲屏 显示器评测
  7. MRP的数据处理-华北水利水电大学(作业)
  8. 基于Opencv--图像上采样
  9. tplink无线受限 服务器无响应,tplink怎么设置密码(tplink服务器无响应)
  10. 11月3日云栖精选夜读:《maven实战》读书笔记2——maven安装(windows和eclipse插件)...
  11. php中的require(),PHP中include()与require()的区别说明
  12. 基于麻雀搜索算法的极限学习机(ELM)分类算法-附代码
  13. [K.O.]安装iTunes提示此Windows Installer软件包有一个问题…!
  14. linux虚拟机中如何复制粘贴内容到主机
  15. 中国传统的节日(端午节)
  16. 熔断机制什么意思_什么是熔断机制 熔断机制是什么意思
  17. 【音视频基础】(六):CIE颜色空间二之CIE-XYZ及Y的含义
  18. 互联网快讯:极米NEW Z6X凭出众音画表现获好评;京东科技与天奇股份达成深度合作
  19. shapefile文件(shp)读取
  20. ppt图片设计素材下载网站搭建模板

热门文章

  1. 2021哈工大计算机专业考研参考书,哈尔滨工业大学计算机专业考研参考书目推荐...
  2. MySQL中xtrabackup备份恢复全攻略(r12笔记第11天)
  3. 距测试软件,两步路怎么测量距离 测距工具使用方法介绍
  4. excel合并两列内容_合并多个Excel文件内容到一个Excel中
  5. Gitlab集成Sonarqube实现自动检测代码并发送报告给提交者
  6. 科学计算自由软件SCILAB
  7. 实现一个操作系统系列2-《操作系统真象还原》BIOS启动
  8. 产业互联网周报 | 上海数交所:数据产品交易额预计全年超过1亿元;Zoom单季度净利润同比下降86%;...
  9. Tiled-免费2D游戏场景Tile编辑器
  10. 头歌Python实训答案——函数结构