脚本宝典收集整理的这篇文章主要介绍了番外篇 - 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.

脚本宝典总结

以上是脚本宝典为你收集整理的番外篇 - Visual Studio Code 与 Vue.js全部内容，希望文章能够帮你解决番外篇 - Visual Studio Code 与 Vue.js所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。