# 使用CodeServer搭建自己的网页版VSCode

**URL:** <https://forum.rainyun.com/t/topic/6388>\
**Category:** 云服务器 RCS\
**Created:** [2023 年12 月 23 日 01:30 UTC](https://forum.rainyun.com/t/topic/6388 "2023-12-23T01:30:02Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

作者： ![HiYaawa](https://forum.rainyun.com/user_avatar/forum.rainyun.com/hiyaawa/32/5046_2.png) [@HiYaawa](https://forum.rainyun.com/u/HiYaawa)\
发布日期： [2023 年12 月 23 日 01:30 UTC](https://forum.rainyun.com/t/topic/6388/1 "2023-12-23T01:30:03Z")

</div>

**CodeServer是什么**  
可以理解成网页版的VSCode

 ![image](https://forum.rainyun.com/uploads/default/original/2X/2/21e652c55b817e19dece325efced6ac81a1d9918.png)

**购买云服务器**  
进入[雨云官网](https://www.rainyun.com/MTcwMTg0_)  
点击右上角的注册登陆按钮

 ![image.png](https://forum.rainyun.com/uploads/default/original/2X/9/91a6a05aec74ce75571900e3569f89b24d9b2198.png)

点击暂无账号，立即注册

然后别急，如果这里显示正在优惠通道则不动

 ![image.jpg](https://forum.rainyun.com/uploads/default/original/2X/e/e3b011e00c4f9943c7be9160119366afc0be0ebe.jpeg)

如果让输入优惠码则输入MTcwMTg0

 ![image.png](https://forum.rainyun.com/uploads/default/original/2X/6/6f6e3f7613f7859c23ab3ad031bc98abe3da026e.png)

然后输入用户名密码，点击注册，做下验证码

 ![image.jpg](https://forum.rainyun.com/uploads/default/original/2X/8/84ce8021bc1ea7ba5786fcf514d277efff5bfa41.jpeg)

进入控制台，点击云服务器（这里应该没有2）  
然后点购买云服务器

 ![image.png](https://forum.rainyun.com/uploads/default/original/2X/3/310f2f7b0f85125f18a7a4de8d1b44ca666cf335.png)

这里建议选洛杉矶2区，稳定，不卡，不麻烦（指备案）

 ![image.jpg](https://forum.rainyun.com/uploads/default/original/2X/c/cd5eddd1407cc691d393adec482bf40adcbd2c83.jpeg)

配置选e5v4

 ![image.jpg](https://forum.rainyun.com/uploads/default/original/2X/2/2526477a7ba4bb9e7051323099f2561178bd5f11.jpeg)

然后建议可以有钱买的选进阶版（用的不卡），当然可以选标准版，就是用的可能会有安装应用或调试短暂的死机

 ![image.jpg](https://forum.rainyun.com/uploads/default/original/2X/b/b145ae31ca9ef961923d12ca2dfe5abbd00f5ee2.jpeg)

 ![image.jpg](https://forum.rainyun.com/uploads/default/original/2X/a/a62dca16db950ec6f809b1bb9b1753e622ea3c7c.jpeg)

这里建议选择centos 8

 ![image.jpg](https://forum.rainyun.com/uploads/default/original/2X/7/7eeb48277d10bd645b41281f8201a5c97a5398e2.jpeg)

预安装APP选择1panel

 ![image](https://forum.rainyun.com/uploads/default/original/2X/7/714ac2827bdbf27db24772991cbb0a02272a90dd.png)

然后点击购买就行啦  
**安装CodeServer**  
随后访问1Panel

找到应用商店  
 ![image](https://forum.rainyun.com/uploads/default/original/2X/f/feff265f5b2002f9d85b85a8b3a1ea351bfd207b.png)  
然后找到Coder  
 ![image](https://forum.rainyun.com/uploads/default/original/2X/9/9bd6d984d7680c1cbf13a6f690a1c6f685498db0.png)  
点击安装  
 ![image](https://forum.rainyun.com/uploads/default/original/2X/7/790bdc81e2f62f51026d525103a918c3cf8b14f9.png)  
打开端口外部访问  
 ![image](https://forum.rainyun.com/uploads/default/original/2X/e/edb17e8152e1922221a6972b6e59ca9bc69a032a.png)  
这两个密码可以改一下

 ![image](https://forum.rainyun.com/uploads/default/original/2X/a/a728c174bdb03fd4457f76967cc5e655b30e1feb.png)  
点击确认  
 ![image](https://forum.rainyun.com/uploads/default/original/2X/9/93142ff74d8555d04f099b8e3aabf5ceca2a8adb.png)  
在已安装里找到codeserver卡片  
等待状态变为已启动  
 ![image](https://forum.rainyun.com/uploads/default/original/2X/6/6532a492ac5db476b1aa0a46d4a6640c7c079b1c.png)  
 ![image](https://forum.rainyun.com/uploads/default/original/2X/b/bbb7ad6d932282a6bff9fa40cb7ef061e50a9492.png)  
 ![image](https://forum.rainyun.com/uploads/default/original/2X/1/1ed791a4c105fab83fc90d5b01a9f4dd2471e850.png)  
然后访问http://{LOACLIP}:40031/  
 ![image](https://forum.rainyun.com/uploads/default/original/2X/a/a45a927a9f3a2ea7408714183d15c8846c39371b.png)  
输入密码  
**中文语言包**  
右侧选择插件图标  
 ![image](https://forum.rainyun.com/uploads/default/original/2X/6/6dda5b5485f232955daba1890bb0b6b2a5f91768.png)  
搜索Chinese

选择这个简体语言包

 ![image](https://forum.rainyun.com/uploads/default/original/2X/7/703e674d8faf8b4cdfa740f0bac6d5c91ae7e4aa.png)  
点击Install  
 ![image](https://forum.rainyun.com/uploads/default/original/2X/9/9d7387535db6a66617e349630833fa27cd6a01b5.png)  
等一下然后点击右下角弹窗中的更改语言  
 ![image](https://forum.rainyun.com/uploads/default/original/2X/e/edf9d32c920de720e45184b5230ec9e690d44e40.png)  
页面会自动刷新

然后就行了

 ![image](https://forum.rainyun.com/uploads/default/original/2X/2/21e652c55b817e19dece325efced6ac81a1d9918.png)