iPad 也能当生产力?我用 Sealos 把 VS Code 塞进了浏览器!
哈喽兄弟们,是我!今天来聊聊咱们程序员的一个终极梦想:如果能随时随地,在任何一台电脑、甚至一个 iPad 上,打开我熟悉的 VS Code,连上云端的服务器写代码,那该有多爽?
再也不用背着死沉的电脑上下班了!再也不用担心家里和公司的开发环境不一致了!再也不用听笔记本风扇疯狂咆哮了!
这个梦想,其实早就有一个开源神器能实现,它就是—— code-server!
https://fael3z0zfze.feishu.cn/space/api/box/stream/download/asynccode/?code=MmEwOWViZTUzMjA0YmMzNjU1ZDI2YjJjZGM3ZGMxNmFfSnlGV3BvMXdqYmkwdEE2TU1GR0RIRWtibmFINTFSa0dfVG9rZW46QnZoYmJlQVl0bzRoeEJ4RGdOWmNaSkhRbnJoXzE3NTU0ODY0OTM6MTc1NTQ5MDA5M19WNA
code-server 简单来说,就是把微软官方的 VS Code 搬到了服务器上,然后你就可以通过浏览器来访问它。体验和桌面版几乎一模一样!
但是!自己从零开始部署 code-server,又是一场“渡劫”:你得买服务器、配环境、搞反向代理、弄 HTTPS 证书... 这一套流程下来,没点运维功力,人直接就麻了。
所以,今天我就来教大家一个“作弊”的方法,怎么用 Sealos 应用商店,一键拥有属于你自己的云端 VS Code,让你随时随地都能快乐地写 bug!
https://fael3z0zfze.feishu.cn/space/api/box/stream/download/asynccode/?code=ZTQxNWNiNzdjM2E3MWRmZWFjYTFkZjFiNmY4NDg0MTVfaUc1MFVhSXU1NFhlOTR3NjRnbXNmeHlvbVB5ZXNUVGdfVG9rZW46RFpDRGJ1OTE2b3ZkMkJ4NEhYcWNYWDlabkNkXzE3NTU0ODY0OTM6MTc1NTQ5MDA5M19WNA
第一步:在 Sealos 应用商店找到 code-server
老规矩,登录你的 Sealos 账号。在桌面上,找到并点击那个熟悉的蓝色“应用商店”图标。
https://fael3z0zfze.feishu.cn/space/api/box/stream/download/asynccode/?code=ZTE3ODcxYWI2NTRkZWM3NDViM2Q2YWM1NjY4YjRlNzVfZEhZdG53c2pJMVJiVllHVE5VQnBEa25SZmM0T1FjV0ZfVG9rZW46Wmt4MmJKS053bzBXdUp4dkJZQ2NXRVZrbkZnXzE3NTU0ODY0OTM6MTc1NTQ5MDA5M19WNA
在搜索框里,自信地输入“code-server”,然后按下回车。
https://fael3z0zfze.feishu.cn/space/api/box/stream/download/asynccode/?code=OTI2ODc2OTJiZDJhMDQ1ZDQwMmIyNDAxOTFjMWJiYjJfcXhzWWppZElZbzZyWFdPQkZzbDZuTGUwOUNiU05odUpfVG9rZW46S0NocGJ0U05sb3E1ZWt4Q2M0eWNoaXVwbjlkXzE3NTU0ODY0OTM6MTc1NTQ5MDA5M19WNA
第二步:一键安装,然后...泡杯咖啡
点击 code-server 的卡片,进入详情页。在这里,你什么都不用改,直接点击右上角的“部署应用”按钮。
https://fael3z0zfze.feishu.cn/space/api/box/stream/download/asynccode/?code=NTYzZTU4ZjRhMjU5NzU2ODdiNjcxNmFhNTIwNWViZDNfV0dSY3N1bVk0Q1NuakhSTHJHd1BGUVNab3VkVDFMRGlfVG9rZW46UHI2dWI0dTM3b0FOMTl4eEdmMmN3Wm5CbnBmXzE3NTU0ODY0OTM6MTc1NTQ5MDA5M19WNA
接下来,你可以去泡杯咖啡,或者刷个短视频。等个一两分钟,Sealos 就会在云端为你变魔术,把所有复杂的部署工作都搞定。
第三步:设置密码,进入你的云端 IDE
当应用状态显示为“运行中”时,恭喜你,部署已经成功了!
https://fael3z0zfze.feishu.cn/space/api/box/stream/download/asynccode/?code=NDkzM2YxNGRhM2ZiNGVmN2YwOGNjZDdiZjFlODA0YjlfYVBrQUkyMWJMN2RvVFpJOHBMRjVtT1Y4YURENzBRd1dfVG9rZW46T05iQWI0Zjgxb1B1VHl4V2p6dmM4ZEZnbmZiXzE3NTU0ODY0OTM6MTc1NTQ5MDA5M19WNA
但是,先别急着点开外网地址! code-server 为了安全,需要我们先给它设置一个登录密码。
[*]在 code-server 的应用详情页,点击“变更”。
[*]找到“环境变量”这一项,点击“新增变量”。
[*]变量名填写 PASSWORD,变量值就填一个你自己想设置的复杂密码。
[*]点击右上角的“变更”按钮,等待应用重启更新(大概30秒)。
https://fael3z0zfze.feishu.cn/space/api/box/stream/download/asynccode/?code=ODMzNDFmNDg5YjY0ZDZiYzk4NWQ5MjQxMDJiY2Y2NDhfRzF3TEltNnNnUncwQVZabUlEYlBobHgxOFZZMGJWdmdfVG9rZW46QXRZcWJVTXNrbzBVQkp4eHQwbmNFMEo3bm1kXzE3NTU0ODY0OTM6MTc1NTQ5MDA5M19WNA
好了!现在,再点击应用详情页提供的公网地址链接,浏览器会打开一个登录页面。输入你刚刚设置的密码,见证奇迹的时刻就到了!
https://fael3z0zfze.feishu.cn/space/api/box/stream/download/asynccode/?code=OWZjMzE4NTNiMjNlYTBmNDcyMTQwZWJhZmYyN2IwOTdfRzNQUlc1Y1R4Y1lzS1hFdlFlNWhPQ2JER2FOckZ6YlZfVG9rZW46QlVzeGJOdkdJb3pPcDV4RDU3QmMwRWs5bmhkXzE3NTU0ODY0OTM6MTc1NTQ5MDA5M19WNA
欢迎来到你的云端 VS Code!
看着浏览器里那个熟悉得不能再熟悉的界面,是不是感觉有点不真实?
![成功登录code-server后的VSCode界面]
[*]打开终端:在下面敲 ls -l,你会发现,这已经是一台功能完整的云端 Linux 服务器了!
[*]安装插件:和你本地的 VS Code 一样,去插件市场随便装!
[*]克隆代码:git clone 你自己的项目,开始写代码吧!
https://fael3z0zfze.feishu.cn/space/api/box/stream/download/asynccode/?code=ZGExZTdiNDNhNTg0MTY4MzVjYzI4NGU1YzliZThjOTlfUURjZ1NCbzduUENRaHp1RjlXUE5PaE9HYTNaYjBIRE5fVG9rZW46VG9ka2JHd3VDb0loM2d4S0ZnTWMyOWhVbjViXzE3NTU0ODY0OTM6MTc1NTQ5MDA5M19WNA
从此以后,无论你是在公司的电脑、家里的台式机,还是在咖啡馆的 iPad Pro 上,只要打开浏览器,就能立刻进入你专属的、配置统一的、高性能的开发环境!
总结
兄弟们,看到了吗?Sealos 应用商店,再一次把一个“听起来很酷但部署起来很麻烦”的开源神器,变成了人人都能轻松拥有的“玩具”。
别再让沉重的笔记本束缚你的创造力了!快去 Sealos 应用商店,一键部署你自己的 code-server,体验一下“云端编码”的自由吧!
来源:豆瓜网用户自行投稿发布,如果侵权,请联系站长删除
页:
[1]