前端编辑器常用插件 VSCode版(Vue)

1.Auto Close Tag
自动补全 html 标签
在这里插入图片描述

2.Auto Rename Tag
修改标签对的插件 重命名一个HTML / XML标签时,自动重命名配对的HTML / XML标签
在这里插入图片描述
3.Beautify
自动对html,js,css进行格式化对齐显示
在这里插入图片描述
4.Bracket Pair Colorizer
为代码中的括号添上一抹亮色
在这里插入图片描述
5.Chinese (Simplified) Language Pack for Visual Studio Code
设置中文包/配置中文语言
在这里插入图片描述
6.Docker
使用docker调试程序
在这里插入图片描述
7.ESLint
JS代码检测工具
在这里插入图片描述
8.Git History
快速浏览 GitHub 文件历史记录工具
在这里插入图片描述
9. GitLens — Git supercharged
git源代码管理插件
在这里插入图片描述
10. HTML CSS Support
智能提示CSS类名以及id
在这里插入图片描述
11.JavaScript (ES6) code snippets
ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间
在这里插入图片描述
12.Live Server
一个具有实时加载功能的小型服务器,可以使用它来破解html/css/javascript,但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果
在这里插入图片描述
13.Material Icon Theme
VSCode文件图标,安装后的效果如下在这里插入图片描述
14.open in browser
从浏览器中查看html文件,使用系统的当前默认浏览器
在这里插入图片描述
15.Path Intellisense
识别引入文件路径
在这里插入图片描述
16.Sass/Less/Stylus/Pug/Jade/Typescript/Javascript Compile Hero Pro
编译插件less,scss
在这里插入图片描述
17.Vetur
可以将“.vue”文件中的语法进行高亮显示,Vetur不仅支持Vue中的template模板以外,还支持大多数主流的前端开发脚本和插件,比如Sass、TypeScript、Jade和Less等等
在这里插入图片描述
18.VS Code Counter
VS Code 代码统计
在这里插入图片描述
19.vscode-icons
VsCode中的图标插件,可以控制vscode中的文件管理的树目录显示图标
在这里插入图片描述

20.vscode weapp api
提供小程序API提示及代码片段
在这里插入图片描述
21.vscode wxml
提供 wxml 语法支持及代码片段
在这里插入图片描述
22.vscode-wechat
小程序开发提示工具
在这里插入图片描述
23.Easy WXLESS
提供wxss语法支持及代码片段
在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值