强大的 VS Code

　　Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、GIT命令 等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux，运行流畅，可谓是微软的良心之作......

　　作为前端开发的我，之前的开发过程中一直用的是Atom这一款IDE，再配上了好看的主题插件很nice，Atom的界面是真心好看，但是插件装多了你们真的不觉得卡吗，VS Code比Atom更加的流畅，比webstorm更轻量级。一次偶然换的工作后，项目组要求统一IDE，让我了解到了VS Code，这边简单介绍下VS Code日常开发的需求。

　　第一步，点击扩展商店搜索你要找的插件名称如Atom One Dark Theme，点击安装；

　　第二部，安装好了之后只是证明你本地的VS Code上面有这个插件了，还需要将当前使用的主题插件切换成你想要的才行；

　　一个编辑器界面的好看与否，真心挺重要的，之前对atom一直恋恋不舍，完全就是因为它的主题界面太优雅了。下图是笔者配置好的VS Code界面截图，下面推荐几款好看的主题：

　　Auto Rename Tag：改变标签的时候同时改动开闭合标签；对于HTML/XML很实用。

　　Git History Diff: 寻找每一个git分支上面提交过的节点，并可以对比差异性。

　　beautify：良好的拓展性，可以格式化JSONJSHTMLCSSSCSS,比内置格式化好用；但是react工程的jsx文件用beautify插件格式化会乱掉，建议不要用

　　Bracket Pair Colorizer：很多括号的情况下，这个插件可以做一个颜色的区分，代码一目了然。

　　Local History：个人感觉很有用本地代码的一个保存日志，在没有git,svn，或者很长时间没有提交过代码的情况下，感觉挺实用，再也不怕代码回滚。

　　GitLens — Git supercharged： GitLens能增强Visual Studio代码中内置的Git功能。它帮助您通过Git blame注解和代码镜头直观地显示代码作者，无缝地导航和探索Git存储库，通过强大的比较命令获得有价值的见解。

　　VS Code的快捷键有很多，需要具体的请仔细参考VS Code=右下角设置按钮=键盘快捷方式

　　git现在是很常见的代码管理工具，VS Code 也有内置的git插件，当然，要是你觉得不完美，可以安装一些常用的git插件等，简单介绍下VS Code 下git的提交步骤。

　　这里我以GitHub上面新建的一个仓库为例，仓库新建后默认分支是master，这里我在GitHub上新建了2个远程分支develop01和develop02，当你在VS Code中点击切换到某一个远程分支的时候，VS Code会自动给你创建一个和当前远程分支对应的本地分支，如origin/develop02对应develop02，如origin/master对应master,如上图所示。

　　假如你因为工作需求的原因，需要在不同的分支上面提交不同的代码，那就涉及到分支的切换了。首先第一步，切换分支之前先提交代码，不然老是有报错日志，切换了分支后，本地的代码也会对应分支改变。

　　笔者使用的是mac，使用快捷键Com + ,打开用户默认设置界面，左边是默认设置，右边是自定义设置，根据个人工作场景而定吧，就像我这边就统一格式化代码缩进4格等,还可以设置忽略一些文件夹等。

　　基本上就介绍到这里（有好的插件或者主题欢迎留言，一定给update上去），希望对你使用VS Code有帮助，有问题欢迎留言，一定积极回复