VSCode如何配置本地服务器？

  • 原创
  • |
  • 浏览：24982
  • |
  • 更新：
  • |
  • 标签：服务器 
  • VSCode如何配置本地服务器？1
  • VSCode如何配置本地服务器？2
  • VSCode如何配置本地服务器？3
  • VSCode如何配置本地服务器？4
  • VSCode如何配置本地服务器？5
  • VSCode如何配置本地服务器？6
  • VSCode如何配置本地服务器？7
分步阅读

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

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

VSCode如何配置本地服务器？

工具/原料

  • VsCode

方法/步骤

  1. 1

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

  2. 2

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

    VSCode如何配置本地服务器？
  3. 3

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

    VSCode如何配置本地服务器？
  4. 4

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

    VSCode如何配置本地服务器？
  5. 5

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

    VSCode如何配置本地服务器？
  6. 6

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

    VSCode如何配置本地服务器？
  7. 7

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

    VSCode如何配置本地服务器？
  8. 8

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

  9. 9

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

    VSCode如何配置本地服务器？
  10. 10

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

  11. 10
    此文章非法爬取自百度经验
  12. 11

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

    VSCode如何配置本地服务器？
  13. 12

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

    liveServer.settings.port 是设置端口的

    liveServer.settings.proxy是设置代理的

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

    VSCode如何配置本地服务器？
    END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明：本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部
相关标签服务器