前端开发工具

vscode个人常用插件归纳

2017-09-18  本文已影响340人  小兴nice

vscode是微软开源的一款提供给用户免费试用的,跨平台的编译器,支持多种语言的编写。之前一直使用的是sublime text作为主编译器来编写代码,不过现在好像自己已经移情到vscode了,sublime text成为了我的第二主编译器了(很对不起sublime text!!!)。vscode内置有很丰富的插件,而且vscode就是用javascript语言编写的,所以有需要的话还可以自己扩展编写插件。这里就归纳下平时项目开发中使用到的一些vscode插件。

vscode侧边栏介绍

侧边栏.png

vscode侧边栏的几个图标功能依次是:资源文件,全局文件内容搜索,git管理工具,调试工具和插件管理工具。

HTML Snippets
超级实用且初级的 H5代码片段以及提示。比如在创建一个html文件时,可以快速的构建html整体架构,这样就不需要一个个标签敲出来了。

image.png 快速生成html页面结构.png

vscode-icons
文件目录图标。能够给资源文件加上对应类型的icon图标,看上去很清晰,这样就很容易区分不同类型的文件。

icon.png

Path Intellisense
自动补全文件路径插件,在引用项目中的相对路径的资源时很有帮助。

Easy Less
自动将.less后缀文件编译成.css文件。

open in browser
在默认浏览器中预览页面,选中需要预览的html页面,右击选择浏览器预览页面(这点表示没有sublime好)

Document this
生成js注释文档

上一篇下一篇

猜你喜欢

热点阅读