您是否正在寻找一种几乎可以在任何地方编写代码的方法，而无需携带笔记本电脑？不妨考虑使用code-server，这是一款功能强大的自托管应用程序，可将 Visual Studio Code 的全部功能直接带到您的 Web 浏览器中。通过在家庭实验室服务器上设置 code-server，您可以享受无缝的开发体验，确保对代码和数据的可访问性和控制力，从而无需使用第三方云 IDE。
了解代码服务器和自托管的优势
Code-server 在远程服务器上运行 VS Code，允许您通过任何 Web 浏览器访问它。其功能与桌面版相同，支持自动完成、调试、Git 集成以及一系列扩展等功能。此设置对于低功耗设备（包括平板电脑和 Chromebook）尤其有利，因为所有计算任务都在服务器上进行，从而保持一致的环境，可从任何位置访问。
自托管此应用程序具有几个关键优势：您可以获得对开发环境的无与伦比的控制权、增强的隐私以及自定义各种功能的灵活性，包括使用个人域、启用 HTTPS 和管理用户访问，同时根据需要扩展计算资源。
首先，请查看这张方便的备忘单！
在Linux上安装Code-Server
当您利用 Docker 进行安装过程时，设置代码服务器非常简单。
首先，使用以下命令从 Docker Hub 下载官方代码服务器镜像：
sudo docker pull codercom/code-server
此命令可确保您在继续创建容器之前已在本地存储了最新版本的代码服务器映像。
接下来，通过运行指定唯一密码并确保持久存储的命令在后台启动一个新的代码服务器容器：
sudo docker run -d --name code-server -p 8443:8080 -v "$HOME/code-server-data:/home/coder/project" -e PASSWORD="my_password" codercom/code-server
代码服务器现已设置完毕，请在 Web 浏览器中输入http://localhost:8443进行访问。输入在命令期间设置的密码docker run，然后单击“提交”以登录代码服务器。
代码服务器入门
登录后，您将看到一个与熟悉的 VS Code 桌面版非常相似的界面。以下是您将看到的关键组件的简要概述：
文件资源管理器
文件资源管理器让您轻松浏览项目。您可以轻松浏览文件夹、打开文件、创建新文件以及管理项目结构。
编辑
中心区域是编辑器，您将在这里完成大部分工作。打开文件后，它们会显示在这里，您可以像在桌面版 VS Code 中一样编写和格式化代码。
终端
终端位于代码服务器底部，方便使用。您可以从顶部菜单中选择“终端”，然后选择“新建终端”来打开它，或者使用键盘快捷键Ctrl+ 。此外，您也可以按+ +`快捷键快速访问终端。CtrlShiftC
扩展
扩展程序是 VS Code 强大功能的关键。使用“扩展程序”选项卡（位于侧边栏），您可以浏览、安装和管理 VS Code 扩展程序，其中包括代码检查器、主题以及各种语言支持工具。
使用搜索栏搜索任何扩展以快速安装和激活它，增强您的开发环境的功能。
个性化基于浏览器的 IDE
要自定义 IDE 的外观（例如更改主题），请单击左下角的齿轮图标，将鼠标悬停在“主题”上，然后从下拉菜单中选择“颜色主题”：
将显示可用主题列表，允许您预览并应用所需的选择。
此外，您可以从“扩展”选项卡轻松安装任何首选主题，并立即激活它。
此外，您还可以点击齿轮图标并选择“设置”来自定义其他设置。在这里，您可以修改编辑器行为、字体大小、格式等等。
在 Code-Server 中创建并执行您的第一个程序
要创建新文件，请使用资源管理器面板或使用键盘快捷键Ctrl+ Alt+ N：
通过单击选择语言或使用快捷键Ctrl+来选择编程语言K，然后M选择所需的语言（例如 Python）。
将以下代码粘贴到编辑器中，打印“Welcome to maketecheasier.com”三次：
for i in range(3): print("Welcome to maketecheasier.com")
Ctrl在执行此程序之前，请确保服务器上已安装 Python。按+保存文件S，为其指定一个合适的名称，然后单击“确定”：
Ctrl要运行 Python 脚本，请使用+打开终端`并执行以下命令：
python3 mteExample.py
代码服务器已成功在您的 Linux 系统上运行，您现在可以享受基于浏览器的开发优势。您可以使用主题和扩展程序个性化您的环境，跨多种编程语言执行代码，并通过自定义域名和 HTTPS 实现安全访问。下一步，您可以考虑通过探索 Git 工作流程、为生产环境启用 SSL 或集成其他基于 Web 的工具（例如 JupyterLab、Docker 或 Portainer）来增强您的设置，以扩展您的家庭实验室的功能。
相关文章:
将 MTE 设置为您在 Google 上的首选来源，以便及时了解我们的最新文章
21:29
探索替代终端的实用 GUI 替代方案
17:01
自定义 Vivaldi：将您的浏览器转变为完美的体验
19:31
发表回复