vscode中如何让vue文件语法高亮_配置VSCode编辑器适配VUE3开发

本文介绍了如何在VSCode中通过安装Vetur插件实现Vue文件的语法高亮,以及结合ESLint和Prettier进行代码检查和自动格式化。详细步骤包括安装相关插件、配置ESLint和Prettier,以及调整VSCode用户设置以关闭Vetur模板校验和增强Vue代码片段的支持。
摘要由CSDN通过智能技术生成

54f434b9c83e0442f204ad91893bc765.png

团队协作开发一般都有统一的编码规范,举个例子:A习惯一个tab占位2个空格,B习惯一个tab占位4个空格,如果不统一,提交到仓库的代码将变得难以阅读和维护。

幸运的是我们可以通过插件来规范化代码,只要大家配置一样,提交的代码就会属于同一套规范,而且在编写时不用特意自己去规范代码,保存的时候自动格式化一下代码即可,大大提高了开发效率的同时还能保证团队编码规范一致。

一个项目一般都有自己的编码规范,有些在通用的规范下还有一些自己特定的规范,加入前需要阅读项目相关文档或咨询Leader.

一、语法高亮 - 安装Vetur插件

9c59d3444cb2416b7ad0133c5cd56c2c.png

.vue后缀的文件默认不会高亮显示语法,Vetur插件提供这方面的支持,并且还内置了Emmet插件的所有功能,支持快捷输入代码,这会节省不少时间,比如敲入div.row+回车,就会自动输入<div class="row"></div>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值