vscode 插件配置推荐

  1. Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code :VSCode汉化包插件

VSCode汉化包,原始默认是英文的所以我们需要下一个中文插件。

  1. Auto Close Tag :VSCode自动补全标签

Auto Close Tag 对Html或Xml文件自动创建结束标签;
在这里插入图片描述

  1. Auto Rename Tag:VSCode 自动同步修改前后标签名插件

修改前面标签后面跟着修改:
在这里插入图片描述

  1. CSS Navigation:点击class名跳转具体样式

  2. Code Runner:代码一键运行

  3. CodeGeeX:代码生产工具

  4. error lens :小问题中文提示

开发过程中,难免会有一些小疏忽,比如标点中英文,括号缺失等

  1. Live Server:内置浏览器

在这里插入图片描述

  1. indent-rainbow:代码上下行有颜色对照

此扩展为文本前面的缩进着色,每一步交替使用四种不同的颜色,使代码的缩进更具可读性。
在这里插入图片描述

  1. JavaScript Snippet Pack:快捷片段包

在这里插入图片描述

  1. Path Intellisense:VScode路径提示插件

在这里插入图片描述

  1. Prettier - Code formatter:VS Code中格式化插件

  2. Vetur:vue的格式化插件

  • 可以突出代码(代码加上颜色)
  • 可以提高项目的开发效率(有代码提示效果)
    在这里插入图片描述
  • 可以格式化代码
  • 会把代码中的单引号(’ ')全部转换为双引号(" ") 也会在每一行后面添加分号(;)
  1. Vue VSCode Snippets

生成Vue模板代码使用大全
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值