共 1 篇文章

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

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) 我们普遍使用...

技术分享