初始VSCode
Visual Studio Code（以下简称vscode）是一个轻量且强大的代码编辑器，跨平台支持Windows，Mac OS X和Linux。内置JavaScript、TypeScript和Node.js支持，而且拥有丰富的插件生态系统，可通过安装插件来支持C++、C#、JAVA、Python、PHP等其他语言。
微软对于vscode的定位如下图，位于编辑器与IDE之间，但是更像一个编辑器。
下载安装
Visual Studio Code最新版下载地址，https://code.visualstudio.com/， 文件不到50M，目前最新版本是1.30.2，然后选择一个安装路径，和其他普通安装软件一样。
界面简介
安装完成后，我们看到的Visual Studio Code界面如下，当然不同的系统界面边框略有不同，基本布局如图：
功能蛮多，挺好用的，尤其是对CSS, HTML, JavaScript, JSON等几种语言有智能提示，简直就是前端开发神器。
试试新建一个文件，然后点击右下角的Plain Text，在选择框内选择html，然后在当前文件下输入！，再按下tab键，就会自动补全html代码。我们在<body>标签内输入hello word，这时我们还不能直接运行当前html文件，需要装一个插件。
插件安装
打开vscode编辑器，点击编辑器主界面左上侧第五个小图标——‘扩展’按钮，如下图所示：
在搜索框内搜索view in browser，然后安装，重启之后，打开之前创建的html文件，鼠标右键，点击view in browser，此时就会在浏览器显示，如下图：
更多vscode的操作可以参考以下第三和第四个链接。
参考：