Dovew

您现在的位置是:首页>文档内容页

文档详情

2021Vscode 前端开发必备插件推荐,吐血整理,持续更新

doramart 2019-02-22 17:50:42 软件分享223663
Vscode 大家都不陌生,前端开发轻量级利器,自从vscode出来后,果断抛弃了占用内存巨大的webstom,工欲善其事必先利其器,开发过程中我积累了一些能提升效率的vscode 插件

Vscode 大家都不陌生,前端开发轻量级利器,自从vscode出来后,果断抛弃了占用内存巨大的webstom,工欲善其事必先利其器,开发过程中我积累了一些能提升效率的vscode 插件,这里分享一下:


1、Auto Rename Tag。 功能和名称类似,在修改标签信息时,可以同步修改结尾的闭合标签,避免繁琐,减轻工作量。

2、Beautify   代码格式化工具,可以在保存代码时自动格式化,一直在用,主要是让代码更清晰易读,好维护。

评价非常的高,五星推荐

3、Better Comments  代码注释美化,可以对 不同类型的注释进行颜色区分,很容易分辨

4、Bookmarks  对指定行的代码就行标记,编译在标记的代码行之间快速跳转,快捷键:

添加/移除书签: option+command+K
跑到前一个书签: option+command+J
跑到后一个书签: option+command+L

5、Git History 查看git历史记录


6、Settings Sync  我们在vscode上设置了很多东西,有时候就想换电脑了,重装系统了不是要重新配置,好麻烦。Settings Sync 可以帮我们同步vscode的配置,需要你提供github的私有key,数据同步到git里,这样下次登录后同步就可以了

7、Share Code  跟同步配置类似,这个插件可以同步vscode中保存的代码片段,数据也是存到git里

8、Vetur  相信vue开发的童鞋都装过,不用细讲

9、Vs Code Counter  统计代码行数

 

10、 Turbo Console Log自动帮你写console.log()

只要将想打印的变量选中,按住ctrl + option + L(windows: ctrl + alt + L),就能在变量下方自动插入一个console.log