Mac打造个人开发环境-vscode篇

前言

俗话说,工欲善其事,必先利其器。作为一个开发人员,一个好的开发工具是coding体验的基础。今天就来介绍一下一些vscode好用的插件,至于vscode是什么,就不用我说了吧,巨硬大法好。

Auto Close Tag

这款插件能够自动添加html或xml标签的结束标签,提升开发效率有没有。

Auto Import

前端工程化进行到今天,模块化开发已经是非常普及了。Auto Import提供自动模块引入提示,省心又省力,减少编写路径的时间,想想都觉得美妙。

Auto Rename Tag

当需要修改html或xml标签时,起始和结尾各改一次,多麻烦啊,万一标签的子节点很多,还要拖动去寻找结束标签,这款插件省去了不少时间。

Bracket Pair Colorizer

相对应的大括号变成相同的颜色,轻松的知道代码代码结构

Document this

自动生成注释,方便后续review代码。

GitLens

让你拥有在vscode查看git提交记录,对比记录,提交,pull代码等各种git常用操作。

indent-rainbow

添加缩进的颜色块,让代码缩进更加直观。

Markdown Preview Enhanced

预览markdown的功能,让vscode编写markdown更简单

Path Intellisense

自动路径补全,不用再去翻目录结构了

Project Manager

项目管理工具,可以方便的配置多个工程到命令行中,快速选取指定工程

view-in-browser

在vscode中,右键打开浏览器,不用去浏览器输入文件路径,也不用直接去找文件打开了。

文章目录
  1. 1. 前言
    1. 1.0.1. Auto Close Tag
    2. 1.0.2. Auto Import
    3. 1.0.3. Auto Rename Tag
    4. 1.0.4. Bracket Pair Colorizer
    5. 1.0.5. Document this
    6. 1.0.6. GitLens
    7. 1.0.7. indent-rainbow
    8. 1.0.8. Markdown Preview Enhanced
    9. 1.0.9. Path Intellisense
    10. 1.0.10. Project Manager
    11. 1.0.11. view-in-browser
|