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远程开发环境

参考:

有几个步骤要做。

因为我安装了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)的信息别忘了在本站进行查找喔。


数据运维技术 » VSCode轻松实现本地服务器 (vscode使用本地服务器)