为何我选择使用 VS Code进行前端开发?

没错，我就是来给你们安利 VS Code 的。

对前端来讲，这是一款性感无比的 IDE，哦不对应该是编辑器。咱们团队有大部分人已经在用了，因此这周五在组内作了一个 VS Code 小分享，来发掘 VSC 一些提升开发效率的小技巧。我相信已经有很多前端在使用它了，因此你们更有必要一块儿分享下平常神操做了。

为何选择 VS Code ？

在 VSC 刚出来的时候，我就开始使用了（如何评价 Visual Studio Code？),理由很简单：

• 开源，免费，颜值高；
• 微软出品，实力保证。

然而用了一阵发现仍是 Sublime 好用，一是刚出来功能不完善，Sublime 一些技巧没法迁移过来，另外就是插件太少，实际开发略显吃力。然随着后面 VSC 一次次更新，很多新 features 着实让人眼前一亮：微软这是在用心作产品呐！以致于如今已经没有什么能够抱怨的了(有趣的是当天尤大也发微博说转投 VSC 了，能够预见这款产品将来会越作越好，方向选对了，就不怕路走错)。

而做为前端，VSC 简直就是为咱们量身定制：

VSC 自己是基于当前大火的 TS 来写的，因此对于 TS 的支持天然很好；又是基于 electron 开发，底层 Node.js 对前端来讲再熟悉不过了。因此，若是你发现哪里很差用，你能够本身写插件呐！若是一个知足不了，那就写两个。

而对于 VSC 的扩展开发也是至关友好，你只须要5步：

1. 申请一个 Visual Studio Team Services Account；
2. 添加一个 Personal access token;
3. 建立一个发布帐号，用来发布你的扩展便可(以上操做彻底免费)；
4. 使用 VSC 的 Yeoman 脚手架初始化你的扩展项目，以后就是调用官方提供的 API 开发你的扩展便可，就跟开发 Chrome 插件同样；
5. 使用官方发布工具vsce来发布你的扩展到扩展市场，以后别人就能够搜到你的扩展啦！

因此对于前端来讲，都是咱们熟悉的技术栈，你能够做为一个使用者，也能够转身变成一个开发贡献者！

而对于 Sublime 和 WebStorm 来讲就没有这么方便了，固然你也能够用 Python 或者 Java 来贡献插件，不过对于前端仍是稍稍有些门槛。若是仅仅是使用的话，WebStrom 确实也很好用，毕竟人家收了钱，并且你最好买一个高配的电脑，不然代码撸多了，会卡到你怀疑人生。

一些实用扩展和技巧

这才是重点。先贡献下本身的部分扩展列表：

各位要是有啥好用的扩展也分享一下呐，你们一块儿 get 新姿式！(有趣的是新版的 VSC在扩展栏增长了推荐栏，这样你们能更方便的发现一些精品）

强烈推荐的几个插件：

• Complete JSDoc Tags(好的注释不只对项目有用，对 VSC 的代码智能感知也颇有用)
• Dash(若是你购买了 Dash App 的话）
• EditorConfig for VS Code（统一的编辑配置对团队开发颇有用）
• ESLint（让 VSC 内置 ESLint）
• Git History（装完输入 git log有惊喜)
• Git Lens（让本就集成了 git 的 VSC 更增强大）
• Path Intellisense(文件路径感知扩展）
• Project Manager(多项目管理神器)
• Settings Sync(将你全部的编辑器配置同步到 gist，免得在新设备上从新捣鼓)

详细的介绍我就懒得写了，你们本身去探索发现吧，一些有用的资源：

• 官方文档 永远是最有用的，或者你也能够选择中文翻译版；
• 这里列出了更多好玩的插件awesome-vscode;

一些小技巧：

• 每次更新 VSC 后，好好看下更新日志，有惊喜；
• 有事没事逛逛扩展市场，有惊喜；
• 有时间仔细看看官方文档，有惊喜；
• 好好研究下控制面板和快捷键，你会发现不少命令不用记；
• VSC 自己是默认 git 工做流的，基于 git 项目进行开发体验更佳，不要让本身的工做区处于非 git repo 文件夹。

总结

无论你之前是用 Sublime 仍是 WebStorm，又或者是 Atom 和 Eclipse，如今迁移到 VS Code 都是灰常方便的：

最后，我为何要安利 VS Code？

毕竟用的人越多，插件市场越丰富，解决问题更快捷，交流起来更愉快嘛！