vscode集成Vetur实现代码格式化，解决代码标签换行的问题

于 2024-08-27 16:42:55 发布
阅读量87 收藏
点赞数 1
分类专栏： vscode vetur插件 文章标签： vscode vetur插件 格式化代码 解决代码标签换行问题
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39564710/article/details/141606150
版权

问题描述

vscode自带的默认格式化有个问题，就是会将每个代码标签都换行，这样大大降低了代码的可读性，想要解决这个问题，就利用 Vetur  插件

 vscode集成Vetur 插件

第一步：安装vetur插件

第二步：配置格式化为vetur

文件右键--选择 使用..格式化文档 --选择vetur设置为默认值即可

 第三步：打开vs配置文件，粘贴下面的代码即可（原理就是增加行列的长度）

 第四步：重启vscode，一定要重启

重启、重启、重启

第五步：格式化效果展示

奇纳尼
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2020最新版vscode格式化代码——wsdchong
wsdchong的博客
08-08 1万+
vscode格式化配置研究初稿 文章目录vscode格式化配置研究初稿前言理论参考文章：代码格式化目的：代码格式化的注意事项：插件作用符合代码检验插件更新代码格式化插件的官方文档：我的settings.json文件总结 前言 之前用vscode进行格式化的时候都是在百度和谷歌上搜“vscode格式化代码”然后直接copy别人。细节的配置一直没去看过。 但是最近一段时间开发项目的时候发现和同组的提交代码的时候格式总是不统一。于是这两天专门看了看插件的官方文档，研究研究。 今天初步有一点研究结果了。会配置一点点
vscode格式化代码的详细教程
weixin_56465807的博客
07-15 1万+
之前用vscode进行格式化的时候都是在百度和谷歌上搜“vscode格式化代码”然后直接copy别人。细节的配置一直没去看过。但是最近一段时间开发项目的时候发现和同组的提交代码的时候格式总是不统一。于是这两天专门看了看插件的官方文档，研究研究。今天初步有一点研究结果了。...
如何使用vscode进行代码格式化设置
qq_67572731的博客
08-15 370
【代码】如何使用vscode进行代码格式化设置。
vscode 格式化代码
lq_wwwxuexikcn的博客
11-29 471
setting.js 文件。
vscode保存代码时自动ESLint格式化（支持vue）
热门推荐
halo1416的博客
10-25 2万+
一、问题描述 在开发项目的时候，往往我们会配置ESLint的代码规范。而我们在实际开发过程中，每次出现代码格式问题都去手动修改是非常麻烦的（比如双引号改成单引号；缩进问题；句尾分号、逗号等），而通过配置vscode在保存时去自动修改这些简单的代码规格是非常必要也非常方便的！ 二、配置方案 2.1 安装eslint插件 2.2 修改用户配置 ctrl + shift + p => 首选项：打开工作区设置 在打开的配置文件中添加以下内容： { "eslint.autoFixOnSave": tr
prettier自动格式化去换行的实现代码
10-14
总的来说，通过创建`.prettierrc`配置文件，调整VSCode的`settings.json`，以及正确配置相关扩展，你可以实现Prettier自动格式化去换行的功能，从而提升代码质量和开发效率。记得根据你的项目需求和团队规范进行适当...
vscode 一键规范代码格式的实现
10-14
Visual Studio Code（VSCode）作为一个功能强大的文本编辑器和集成开发环境，提供了强大的代码格式化功能，可以让我们在编写代码时保持一致性和可读性。本文将详细介绍如何在VSCode中实现一键规范代码格式，包括相关...
eslint+prettier统一代码风格的实现方法
10-15
- `Prettier - Code formatter`: 这是`prettier`的VSCode插件，用于代码格式化。 3. **配置VSCode** 在VSCode的设置文件（`settings.json`）中，添加以下配置项，以启用`eslint`、`prettier`以及调整编辑器的...
【vscode】vscode插件汇总
充电五分钟...
08-14 676
1、安装插件 Vue 2 Snippets //快速新建vue页面 2、 添加配置，让vscode允许自定义的代码片段提示出来，文件 –> 首选项 –> 设置 —> 添加如下2项： // Specifies the location of snippets in the suggestion widget "editor.snippetSuggestions": ...
vscode tailwind插件无提示
qq_33982898的博客
08-24 198
Tailwind CSS IntelliSense插件版本: v0.12.7问题: 无代码提示。
【STM32开发笔记】搭建基于ST官方VSCode扩展的STM32开发环境
码工杂记
08-24 717
本文将介绍如何在Windows系统上搭建基于ST官方VSCode扩展的STM32开发环境，相对基于VSCode+PyOCD的开发环境，基于ST官方VSCode扩展的开发环境搭建更容易一些，功能也更强大。本文部分章节以STM32H7S7L8HxH MCU为例，但全文介绍的方法适用于大部分STM32 MCU，对于其他型号的STM32 MCU，仅少量步骤调整即可。
3 Python开发工具：VSCode+插件
避免专业名词，喜欢讲人话。
08-27 273
相比PyCharm，VSCode更加轻量，启动速度快。并且搭配Python插件就能实现和Pycharm一样的代码提示、高亮效果。
项目问题 | vscode连接远程Linux服务器报错： “＞ Host key verification failed. ＞ 过程试图写入的管道不存在”
LiHongyu05的博客
08-24 282
最后一条消息 “过程试图写入的管道不存在” 可能是由于 SSH 客户端或服务器端的某些问题。确保你的 SSH 客户端正在运行，并且没有被其他进程占用。遇到了 SSH 连接问题，具体是主机密钥验证失败。通常发生在尝试连接到一个之前连接过的服务器，但是服务器的密钥发生了变化时。：联系服务器管理员确认是否更换了服务器的 SSH 密钥。>Please contact your system administrator. > Add correct host key in C:\\Users\\LiHon/.ssh/
单片机介绍及使用.docx
08-27
单片机 ### 单片机系统简介 **单片机**（Microcontroller Unit，MCU）是一种集成了中央处理器 (CPU)、内存 (RAM)、非易失性存储器 (ROM/Flash)、以及输入/输出接口 (I/O) 于一体的微型计算机。与通用计算机相比，单片机更注重控制应用，被广泛应用于嵌入式系统中，用于对外部设备进行控制和监测。 #### 单片机的基本组成 1. **中央处理器 (CPU)**: - 执行程序指令，是单片机的核心组件。 - 处理各种逻辑、算术操作，以及对系统的控制指令。 2. **内存 (RAM)**: - 用于临时存储数据，如变量、计算结果等。 - 一般容量较小，断电后数据丢失。 3. **非易失性存储器 (ROM/Flash)**: - 存储固化的程序代码和初始化数据，断电后数据不丢失。 - Flash 存储器允许在系统内更新程序。 4. **输入/输出接口 (I/O)**: - 通过 GPIO（通用输入输出端口）与外部设备进行交互，如传感器、显示屏、按钮等。 5. **定时器/计数器**:
oracle数据库主机监控
08-27
oracle数据库主机监控
低压无功补偿系统硬件设计.doc
最新发布
08-27
低压无功补偿系统硬件设计.doc
2006-2022年中国地级市工业三废数据(全新整理)
08-27
1、资源内容地址：https://blog.csdn.net/2301_79696294/article/details/141441447 2、代码特点：今年全新，手工精心整理，放心引用，数据来自权威，相对于其他人的控制变量数据准确很多,适合写论文做实证用 ，不会出现数据造假问题 3、适用对象：大学生，本科生，研究生小白可用，容易上手！！！ 3、课程引用: 经济学，地理学，城市规划与城市研究，公共政策与管理，社会学，商业与管理 ## 数据指标说明 1.资料名称：2022-2006年 中国城市工业三废数据。 2.数据指标：省、自治区、直辖市、城市、年份、工业二氧化硫排放量、 工业烟粉尘排放量、工业废水排放量。 3.资料范围：290多个城市，5000多个样本。
大模型安全评估测试题大模型安全评估测试题关键词库生成内容测试题库应拒答测试题库非拒答测试题
08-27
大模型安全评估测试题大模型安全评估测试题关键词库生成内容测试题库应拒答测试题库非拒答测试题大模型安全评估测试题大模型安全评估测试题关键词库生成内容测试题库应拒答测试题库非拒答测试题大模型安全评估测试题大模型安全评估测试题关键词库生成内容测试题库应拒答测试题库非拒答测试题大模型安全评估测试题大模型安全评估测试题关键词库生成内容测试题库应拒答测试题库非拒答测试题大模型安全评估测试题大模型安全评估测试题关键词库生成内容测试题库应拒答测试题库非拒答测试题大模型安全评估测试题大模型安全评估测试题关键词库生成内容测试题库应拒答测试题库非拒答测试题大模型安全评估测试题大模型安全评估测试题关键词库生成内容测试题库应拒答测试题库非拒答测试题大模型安全评估测试题大模型安全评估测试题关键词库生成内容测试题库应拒答测试题库非拒答测试题大模型安全评估测试题大模型安全评估测试题关键词库生成内容测试题库应拒答测试题库非拒答测试题大模型安全评估测试题大模型安全评估测试题关键词库生成内容测试题库应拒答测试题库非拒答测试题大模型安全评估测试题大模型安全评估测试题关键词库生成内容测试题库应拒答测试题库非拒答测试题大模型安全
vscode格式化标签换行
05-19
可以通过在 VS Code 中安装插件来实现标签换行的格式化。以下是一些常用的插件： 1. Prettier - Code formatter：该插件支持多种语言的代码格式化，包括 HTML、CSS 和 JavaScript。可以在 VS Code 的设置中配置该...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值