金融科技FinTech成长日记根本不知道怎么描述的高深网络内容

VSCode如何配置本地服务器

2018-08-28  本文已影响1901人  observerb

Vscode是一个开源的且非常轻量好用的IDE,和Sublime一样,拥有很多的插件使得VsCode很强大,在Sublime中我们可以通过插件配置本地服务器,当然在VSCode中同样可以做到,请看下面方法,顺便附上Sublime的配置方法

Sublime Text 3怎么配置本地服务器?

工具/原料

VsCode

方法/步骤

1

还未安装VsCode的童鞋,自行百度搜索Vscode,进入第一个链接下载安装即可,这里就不详细介绍下载安装过程了

2

打开VsCode的插件安装功能,在左侧的最底部位置

接着在输入框中搜索【live Server】

找到同名插件,第一个就是啦,点击【安装】

安装完成后点击【重新加载】

从新启动VScode后,你会发现在软件的右下角的状态栏中出现了【Go Live】这个就是启动刚刚安装的插件开关啦,

点击启动服务器,会自动运行系统默认的浏览器,如图

到这里说明服务器以及能跑起来了,我们只需要开发index文件,运行即可,默认是显示项目中所有的文件和文件夹

回到VsCode再次点击即可关闭服务器

同学会发现默认是5500端口,那么万一端口冲突呢,或者我们需要自己设置端口呢,接下来就简单介绍下如何设置服务器的端口和代理。当然如果端口冲突,插件会自动启动其他端口的,这个大家不必担心,放心使用即可

点击【文件】=【首选项】=【设置】

搜索关键字【liveserver】一直往下找,我们可以找到live Server相关设置

liveServer.settings.port 是设置端口的

liveServer.settings.proxy是设置代理的

其他设置大家可以自己查看

VScode如何配置本地服务器

上一篇下一篇

猜你喜欢

热点阅读