美文网首页前端开发工具
vscode个人常用插件归纳

vscode个人常用插件归纳

作者: 小兴nice | 来源:发表于2017-09-18 23:09 被阅读340次

    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注释文档

    相关文章

      网友评论

        本文标题:vscode个人常用插件归纳

        本文链接:https://www.haomeiwen.com/subject/vaqisxtx.html