vscode 前端常用插件

提示:顺序并不代表优先级

1.Guides
Guides插件能够帮你在代码缩进的地方用竖线展示出索引对应的位置,而且点击代码,它还会将统一代码块范围的代码用统一颜色竖线标出

2.Auto Close Tag
插件会自动帮你补充HTML闭合标签,比如你输完的后面的尖括号后,插件会自动帮你补充

3.Auto Rename Tag
插件会在你修改HTML标签名的时候,自动帮你把它对应的闭标签同时修改掉

4.Vue 2 Snippets

5.Vetur
是Vue的开发辅助工具,安装它之后会得到代码高亮、输入辅助等功能。

6.TSLint
TSLint(deprecated)是一个通过tslint.json配置在你写TypeScript代码时,对你的代码风格进行检查和提示的插件

7.Auto Import
自动去查找、分析、然后提供代码补全。对于TypeScript和TSX,可以适用。

8.IntelliSense for CSS class names in HTML
基于你的项目以及通过link标签引用的外部文件,该智能插件提供HTML中CSS class名字的补全。

9.Prettier
你绝对不能少了这个插件,你需要它来一键美化你的JavaScript/TypeScript/CSS代码。

10.React Native Tools
代码提示、Debugging、集成RN的命令。

11.npm Intellisense
VSCode 插件可以在导入语句自动补全npm模块名称。

12.Git Project Manager
Git Project Manager可以然你直接一键搜索并打开某个的基于Git管理的项目。

13.Git History
用来查看git log或则一个文件的git历史,比较不同的分支,commits。

14.Debugger for Chrome
用Chrome来Debug你的JavaScript代码,或则其它支持Chrome Debugger协议的平台。

15.TypeScript Hero
辅助用TypeScript编程的童鞋!

16.Vetur
VS Code下面的Vue工具!有Pine Wu开发,已经累计400多万下载量!

17.React.js code snippets
用ES6语法去开发React.js应用非常方便。

18.Power Mode
炫酷的风格让你爱不释手

19.GitLens
方便查看git日志,git重度使用者必备

19.JavaScript(ES6) code snippets
ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值