前端编辑器 - Visual Studio code

vscode = Visual Studio Code
是微软出品的一款编辑器。在写vue代码是比较实用的。

优点：
1)中文输入法支持更好。
2)基础功能更全面。
vscode自带插件管理、git、sidebar、集成终端、emmet等功能，sublime每次都需要自己安装，浪费时间。

但是sublime插件更丰富，vscode插件相对较少。vue相关插件vscode更是只有一个，而且使用起来有不少问题，最终还是可以用来编写vue项目了。
vscode关于vue插件现在只有vscode-vue一个，安装完成代码提示并没有生效，这是因为vue文件的语言模式默认为html，需要在setting.json中设置：

"files.associations": {
     "*.vue": "vue"
 }

编写vue项目主要需要：

1)代码补全&代码片段
2)emmet正确生成html标签
3)emmet正确生成css、scss
4)代码高亮

---

工具栏.png

旁边按钮分别是新建、搜索、git和调试。
不过功能布局情况，完全类似Atom。

图片.png

集成终端：

终端（Terminal）对于开发者来说不可或缺，vscode自然也自带终端视图。
可按快捷键Ctrl+`快速调出终端，也可以 查看——>集成终端 调出。

需要注意的是：如果当前的文件夹的路径名称包含中文，会出现终端打开失败。
所以，开发最好都实用英文路径。

安装/卸载扩展（插件）：
三种方式打开：

1.快捷键：Ctrl+shift+x；
2.查看——>扩展；
3.点左侧边框的扩展图标按钮进入。

在顶部搜索框输入你需要的扩展插件，找到之后在扩展插件后面的选项中点击【安装】即可，需要卸载扩展只需要点【卸载】即可。
扩展下载安装完毕之后需要点击【启用】才生效，有些扩展需要重启编辑器才生效。

如何选择扩展（插件）呢？

规则如下：

1.带snippets 一般是代码提示类扩展；
2.带viewer 一般是代码运行预览类扩展；
3.带support 一般是代码语言支持；
4.带document 一般是参考文档类扩展；
5.带Formatt 一般是代码格式化整理扩展；

当然有的snippets 也自带support功能，并不是以上面的关键词作为唯一标准。