番外篇 - Visual Studio Code 与 Vue.js

番外篇

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.