今天下载了vscode，全称Visual Studio Code，至于为什么要下载这个，就要从昨天说起了，昨天领导要看可视化实验demo效果，像这类的页面只能通过服务去访问，关键时刻，关键时刻，我的Hbuilder竟然打不开了，坑货，先前也出现过几次，搞得我现在轻易都不敢退出，呵呵哒，so，准备下载个其他的IDE作为备用，下载之后发现用起来还是蛮6的，特此记录下过程。
软件logo就长这样
先简单介绍下这个软件 :
Visual Studio Code（以下简称vscode）是一个轻量且强大的跨平台开源代码编辑器（IDE），支持Windows，OSX和Linux。内置JavaScript、TypeScript和Node.js支持，而且拥有丰富的插件生态系统，可通过安装插件来支持C++、C#、Python、PHP等其他语言。
优点：
轻量、易用、插件多，关键是免费啊，亲人们
下面我从以下几点来说明vscode的使用
- 下载地址
- vscode怎样更换主题
- vscode更改默认配置选项，比如设置字体大小等
- 怎样在浏览器中打开预览文件
- 怎样实现实时修改，实时查看样式（不用手动刷新浏览器页面）
- 怎样和别人共享链接（通过自己电脑的IP地址）
1、下载地址
官网下载链接
https://code.visualstudio.com/
2、vscode怎样更换主题
左下角【设置】-【Color Theme】，里面内置的主题如下图，自己可以挨个试试看
3、vscode更改默认配置选项，比如设置字体大小等
选择菜单栏-【Code】-【Preferences】首选项-【Settings】在下图可以随意调整配置，我一般只设置字号，因为默认的字号对我来说有点小，其他的参数大家可以随意试试看
4、怎样在浏览器中打开预览文件
想要比较方便的在浏览器中预览文件，就要用到插件了，这里我安装的插件是【open in brower】
安装的具体方法是
打开插件面板—搜索【open in brower】-点击右侧【install】即可安装
【open in brower】的使用方法
页面右键-选择【Open in Browser】或者【Open in Other Browsers】都可以，意思分别是在默认浏览器中打开和在其他浏览器中打开，也可以配合快捷键进行使用，that is all
5、怎样实现实时修改，实时查看样式（不用手动刷新浏览器页面）
再说下第5点，怎样实现实时修改，实时查看样式（不用手动刷新浏览器页面），解决思路是安装插件，我选择的是—【live Server】,安装过程请参考第4点，这边主要说下是怎样使用的
【live Server】使用方法
在想要预览的页面上右键-选择【Open with Live Server】，或者点击右下角【Go Live】都可以，这样做的好处是你每一次的修改，按了ctrl+s保存以后，浏览器中打开的页面不用手动刷新，就能自动改变了，so easy
6、怎样和别人共享链接（通过自己电脑的IP地址）
再说下第6点，想要在公司让别的同事查看你写的页面怎么办？解决思路是先拿到自己IP地址，用IP链接的方式让其他人去访问，这一步也是基于第5点说的插件【live Server】的，安装过程请看上面。下面说下具体实现方法
怎样查看自己电脑IP?
我的电脑是mac，这里就以mac为例,电脑右上角点击搜索图标，输入Z（或者终端两个字），打开，命令行输入ifconfig+回车即可,出来的文本你去找下里面有一串数字，比如192.168.0.3，类似这样的就是你自己电脑的IP了
拿到IP以后，打开想看的页面，点击右下角【Go Live】,在浏览器中打开页面，将地址栏前半部分改为你自己的电脑IP就行了，然后复制链接，发给同事，同事就能看到你写的页面效果了。
