今天下载了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就行了，然后复制链接，发给同事，同事就能看到你写的页面效果了。