vscode 常用插件

Path Intellisense

自动提示文件路径,支持各种快速引入文件

在这里插入图片描述

Image preview

鼠标悬浮在链接上可及时预览图片

在这里插入图片描述

Beautify

在代码文件右键鼠标一键格式化 html,js,css

在这里插入图片描述

JavaScript (ES6) code snippets

ES6语法智能提示,以及快速输入

在这里插入图片描述

Vetur

VScode官方钦定Vue插件,Vue开发者必备。内含语法高亮,智能提示,emmet,错误提示,格式化,自动补全,debugger等实用功能

在这里插入图片描述

ESlint

规范js代码书写规则,如果觉得太过严谨,可自定义规则

在这里插入图片描述

Auto Close Tag

自动闭合HTML/XML标签

在这里插入图片描述

open in browser

快速打开html文件到浏览器预览
在这里插入图片描述

Npm Intellisense

可自动完成导入语句中的npm模块

在这里插入图片描述

HTML Snippets

HTML代码片段,该插件可为你提供html标签的代码提示,不用键入尖括号了

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oFAYiQOE-1655297497692)(https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/53e3cab84e7d4391926d5fe71817e9c7~tplv-k3u1fbpfcp-watermark.image?)]

Auto Rename Tag

自动重命名成对的HTML标记,修改开始标签,结束标签会同步修改

在这里插入图片描述

Chinese

vscode编辑器汉化包

在这里插入图片描述

Live Server

开启本地服务器,一边编写代码一边保存,即实时刷新预览,大大提升开发测试效率

在这里插入图片描述

Color Highlight

把css颜色属性,直观的展示出来

在这里插入图片描述

Nebula Theme

颜色主题

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值