vscode angular智能提示_VScode 好用的插件

81d9ff1c254188cb3a4a58fea535cca9.png

作为一名从业多年的码农,总结一下用过的好用的插件(仅代表个人意见

Auto Close Tag:见名知意,帮您自动书写尾标签,对于前端开发来说绝对是福音,除了提高书写速度,同时也可避免一些由于忘记尾标签产生的bug,如下:

1254c363b792509c600e306b67bd9ad6.gif

Auto Import:从简介 Works with Typescript and TSX 就能明白其工作的环境,需要在使用TS或者TSX的项目中,以angular的项目为例,如下:

772d85527a571a57d3aaddac6773b0a6.gif

Path Autocomplete:另一款资源引入路径提示插件,演示如下:

67e2b050979c65bdfe0ae7f3a92dbc2f.gif

Color Highlight:颜色高亮,直接在代码中高亮,如下图:

3bb0b9f7f931f3d92da331f7fa93daab.png

Image preview:图片预览,直接在代码编辑时预览,如下图:

165bc65d88175c589927baaa37192580.png

Bracket Pair Colorizer:让你的代码不再眼花缭乱,除了使用不同的颜色括号([]、{}、()),还给同一对括号使用连线作为标记,真是review代码的好帮手,如下:

ab996f7fc00942dc1edcad8dc321ef31.png

Bookmarks: 一款书签插件,安利一下,学习源码做书签尤其好用,如下:

c6b020131509695a49e1b8f83d3c5825.gif

Live Server:SPA写多了是不是快忘了最简单的html如何开发了,这是一款支持热更新的html预览插件,如下:

f531599eb7485fc679e91485f6180959.gif

Draw.io Integration:一款流程图绘制插件,如下:

de3e2ebe592ed5f228c774632cec7776.png

Git Graph:git插件,这个插件也体现出vscode一站式解决问题的决心和能力,如下:

6e7f739e57d18ec638c559ae27781962.gif

Markdown Preview Enhanced:markdown插件,支持实时预览,如下:

00e03ed5a0c154643758edaaaab83db5.png

小结:

除了以上插件外,根据不同的工作场景还有很多有用、有趣的插件,vue、angular、react、node等等都有对应的插件,这些插件极大的提高了我们的开发效率,感兴趣大家可以积极探索,以上只是列举了本人工作中常用的插件,有好用、好玩的插件欢迎下方评论区留言

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值