番外篇

SeaConch话痨就是憋不住想写这篇

用上了新的编辑器，总感觉哪哪都好，实在是忍不住想要推荐一下vs code这款编辑器

写给谁呢？我也不知道，当同样有那么一个人和我一样是从vs过来的话，那么也许你会有跟我一样的感受吧~

5月份开始学习vue.js到现在，基本上一直是在使用vs 2013 + webstorm的方式开发项目

vs用来写asp.net webapi、webstorm用来写vue.js

虽然说这样写还是不错的，不过有很多时候都会感觉电脑已经要跑不动啦

同时启动一个vs（并且还要运行着），一个webstorm，一个ssms，一个cmder，一个Chrome，不说切的眼睛都花了，电脑也经常卡，内存易怒

vs这个IDE好几个G，启动慢正常，但一般编码时没怎么卡过，一般都会很流畅；webstorm却经常有些扛不住，启动慢，然后编码时就容易卡起来了，还有一点就是，webstorm的字体真的有点胖…看不习惯

然后呢在一次不经意之间，与同事的聊天中，听到他谈到在用vs code开发Python，然后我就懵啦会，vs code ? Python ? 难道是 vs 的新版本？

带着这个疑问我开始查相关资料，之后顺利的下载并安装啦一个 vs code 编辑器并最终实现啦使用vs code 开发 vue.js 项目的需求

让大家看看这个编辑器长什么样子吧：

然后这个是vs2013：

单看编辑界面就有亲切感，这种轻快的编辑感，真的不是webstorm能够带来的，哈哈哈

vs code可以通过扩展来支持vue eslint等我们需要或不需要的功能，如图：

vs code可以通过源代码管理管理GitHub、svn等项目管理平台上的项目，如图：

vs code可以调试vue.js不过我并没有去尝试

vs code自带cmd窗口可以直接在下方终端面板npm run dev并且看到错误提示，按住Ctrl + 左键点击错误提示时自动导航到错误位置：

导航错误：

vs code可以扩展eslint，通过扩展eslint编辑器可以在编辑阶段就可以提示出错误的编码风格，但有时候却不会提示，那个时候就需要在终端通过点击导航到错误位置来修改啦，可能是我还没有配置完善的原因吧，上图错误导航截图就是在编辑阶段就已经给啦错误的编码风格提示

vs code同样有代码片段，我们可以设置自己喜欢的代码片段来快速开发，如：

输入：cl 敲 tab 自动带出console.log('$1'),$1代表光标出现位置

好啦，我也是昨天刚刚开始使用vs code，是非常喜欢的说，不过毕竟还是刚刚用，所以说看到这里的你，抱着路过的心看看就好啦

拜~

2018-06-05 23:28:41 seaconch.