4

番外篇

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

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

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

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

vs用来写asp.net webapiwebstorm用来写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可以通过源代码管理管理GitHubsvn等项目管理平台上的项目,如图:

图片描述

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.


youbei
318 声望70 粉丝