VSCode轻松实现本地服务器 (vscode使用本地服务器)

随着互联网技术的不断发展，我们需要更加高效和便捷的开发工具和环境来支持我们的开发工作。作为目前更受欢迎的跨平台编辑器之一，Visual Studio Code（简称VSCode）在这方面表现得尤为突出。

作为一款集成了丰富插件和工具的现代化代码编辑器，VSCode 可以支持多种开发语言和框架。不仅如此，VSCode 还提供了许多实用功能，如代码托管、插件扩展、调试器和终端等，方便我们进行完成各种开发工作。在这篇文章中，我将会向大家介绍如何使用 VSCode 建立本地服务器，让开发更加快捷和方便。

1. 安装扩展插件

如今，多数现代 Web 应用程序都是基于服务器-客户端模型的。开发人员需要在本地模拟服务器环境，否则他们无法有效地开发和测试应用程序。VSCode 通过提供一组强大而易于使用的构建和调试工具，包括创建本地服务器的扩展，帮助程序员快速创建和使用本地服务器，并提供一种简单的方式来测试程序，从而有效地缩短开发时间。

VSCode 并不自带支持本地服务器的功能，因此我们需要安装一个插件——Live Server。这个插件可以自动加载你的本地代码，并在保存时进行自动刷新。在 VSCode 菜单中找到 Extensions 选项，搜索“Live Server”，点击“安装”，在安装完成后，点击右下角“重新加载”，则此时安装已生效。

2. 在 VSCode 中建立本地服务器

安装 Live Server 扩展插件之后，我们要使用它创建一个本地服务器，是一个极其简单的步骤。

首先需要在项目根目录下创建一个 HTML 文件或者一个 HTML 文件目录，打开这个文件或者目录，点击右键，选择“在浏览器中打开”或选择 VSCode 菜单中的“通过 Live Server 在独立窗口中打开”即可建立本地服务器并在浏览器中打开这个页面。此时，可以看到对应的网页已经加载完成，而且同时也在修改本地文件时自动刷新。

这种方式非常适用于 JavaScript、HTML 和 CSS 开发，因为项目的代码通常是小型的，而 Live Server 自动刷新功能确保了我们在代码修改时能够立即看到结果。此外，Live Server 还提供了很多可定制的选项，如端口、路径、CSS 样式等，我们可以根据项目需要进行自定义。

3. 调试服务器

在 VSCode 中创建本地服务器不仅非常方便，而且支持调试服务器功能。开启 VSCode 的调试器，并通过“添加配置”选项指定将要调试的本地服务器地址和端口号，就可以进行调试了。

调试器可以帮助我们快速定位和解决问题。我们可以在控制台窗口中查看请求和响应以及运行时错误，请查看控制台窗口，在“文件资源管理器”中找到“Launch.json”文件，在此文件中进行适当的配置，然后启动 VSCode 的调试模式即可。

结语

通过本文的介绍，我们了解到了如何在 VSCode 中轻松建立本地服务器。利用 Live Server 扩展插件，我们可以快速地建立本地开发环境，方便程序员进行开发、测试和调试工作。这是 VSCode 热度不减的一个原因，它提供了诸多实用功能，可以帮助我们节省大量的时间和成本。我相信，经过一段时间的联系和学习，您也可以轻松掌握这种方便、快捷的开发工具和环境。

相关问题拓展阅读：

• 配置VSCode远程开发环境
• 跳板机快捷登录（mobaxterm&vscode）

配置VSCode远程开发环境

参考：

有几个步骤要做。

因为我安装了git，但是命令行调不出ssh，便选择将ssh路径加入vscode设置中。

打开settings.json，F1键入 preferences open settings， 加入该行

“remote.SSH.path”: “D:\Program Files\Git\usr\bin”

“remote.SSH.path”: “D:\Program Files\Git\usr\bin

\ssh.exe

“

至此成功连接上远程服务器，接下来慢慢研究怎么配置golang环境。

vscode的远程功能是可以做到把本地不需要搭建环境的。

PS： extension上，UI这种存储在本地，其他工程相关的在远程服务器上。

开始配置golang环境：

window.zoomLevel 可以修改整体的缩放

问题是,订阅文件有很多个服务器，怎么选呢？

clash有个网页控制端， ，会映射到localhost:9090

那么只要把塌坦服务器的9090端口打开，是不棚铅是可以远程修改服务器上的代理设置呢

原来clash监听的9090端口，是提供了restful API，前往团和桐

这里默认调用localhost的clash API，可以在设置里把IP修改为目标服务器ip

然后就可以愉快的远程修改远程服务器代理配置。

(PS： 因为是腾讯云，记得在规则里添加9090。

(PS： sudo ufw -status -> inactive，并不需要修改服务器上的配置，隐约记得centos默认是有ufw的

然后需要把ubuntu的proxy设置改成走clash，因为工作环境是terminal，所以export http_proxy=localhost:7890即可，可以把export加入到zsh.rc里。

问题是socks5怎么解决，以前用过一款叫proxychains的。

初步结束

跳板机快捷登录（mobaxterm&vscode）

我们普遍使用

跳板机

去访问

内网

服务器，一般情况是我们经由跳板机两次甚至多次ssh到我们想要得服务器上，这样比较麻烦。

情况是本地ssh到跳板机A，再ssh到服务器B

mobaxterm新建session

红框内打勾并填入跳板机A的相悔磨裂关信息，黄框内填入服务器B的相关信息，保存即可。

对于游咐使用vscode进行远程连接服务器 也可以配置ssh的config文件来达到快捷登录的效果

对于已经安装好remote ssh的vscode，打开ssh的config

最后一行的C:\Windows\System32\OpenSSH\碧闭ssh.exe 为本地openssh的地址，请自行修改

保存好后 vscode直接连接 TargetMachine即可

vscode使用本地服务器的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于vscode使用本地服务器,VSCode轻松实现本地服务器,配置VSCode远程开发环境,跳板机快捷登录（mobaxterm&vscode）的信息别忘了在本站进行查找喔。