文档中心>轻量应用服务器>实践教程>搭建开发环境>基于 Cloud Studio 搭建云端 IDE 环境

基于 Cloud Studio 搭建云端 IDE 环境

最近更新时间:2024-06-25 14:41:21

我的收藏

操作场景

Cloud Studio 应用镜像是一个提供了轻量级,且功能强大的源代码编辑器的应用镜像,底层基于 VS Code 扩展实现,除了完全兼容 VS Code 所有能力外,还提供了额外扩展能力。您可以使用浏览器直接访问使用,对多种开发语言支持良好。Cloud Studio 应用镜像内置了对 JavaScript、TypeScript 和 Node.js 的支持,并为其他语言在运行时(如 C++、C#、Java、Python、PHP、Go、.NET)提供了丰富的扩展生态系统。镜像中已预置 Go、Python、Node.js、Clang 及 JDK 开发环境。 您可以通过 Cloud Studio 快速搭建一个云端开发环境,只要有浏览器和网络,就可以快速访问您的云端开发环境,从而开发业务项目或者管理服务器环境。

操作步骤

1. 登录 轻量应用服务器控制台,在服务器页面单击新建。
2. 在轻量应用服务器购买页面,选择所需配置完成轻量应用服务器购买。
镜像:选择为应用模板 > 开发工具场景 > Cloud Studio 应用模板,其他参数可参见 购买方式 进行选择。
说明:
应用模板即应用镜像。
查看镜像说明详情请参见 基本概念
地域:建议选择靠近目标客户的地域,降低网络延迟、提高您的客户的访问速度。例如目标客户在深圳,则地域选择广州
可用区:默认勾选随机分配,也可自行选择可用区。
实例套餐:按照所需的服务器配置(CPU、内存、系统盘、带宽或峰值带宽、每月流量),选择一种实例套餐。
实例名称:自定义实例名称,若不填则默认使用镜像名称 + 四位随机字符。批量创建实例时,连续命名后缀数字自动升序。例如,填入名称为 LH,数量选择3,则创建的 3 个实例名称为 LH1、LH2、LH3。
购买时长:默认1个月。
购买数量:默认1台。
3. 单击立即购买,并根据页面提示提交订单完成支付,返回轻量应用服务器控制台。
4. 待实例创建完成后,在服务器列表中,选择并进入该实例的详情页。您可以在此页面查看 Cloud Studio 应用的各项配置信息。
5. 选择应用管理页签,进入应用管理详情页。
6. 
应用内软件信息栏中
,单击

,复制获取 Cloud Studio 1.0.1 的管理员账户密码的命令。
7. 应用内软件信息栏中,单击登录。如下图所示:


8. 在弹出的
登录窗口
中,粘贴 步骤 6 复制的命令并按 Enter。即可获取 Cloud Studio 管理员账号密码,请妥善保管并记录。
9. 关闭登录窗口,并返回该实例的应用管理详情页。
10. 应用内软件信息栏中,单击 Cloud Studio 1.0.1 的访问地址。
11. 自动跳转到登录地址,在登录页面中输入步骤 8 获取的管理员账户密码,并单击SUBMIT。如下图所示:

验证成功后即可进入 Cloud Studio 工作界面。如下图所示:


说明
如果您的应用访问地址是非 HTTPS 协议,部分功能和插件将不可用(WebView 需要在 HTTPS 协议下工作)。

后续操作

创建项目

创建项目的本质是创建或者选择一个目录作为项目,在 Cloud Studio 中创建项目的方式有很多种:

方式一:选择一个已有的目录作为项目





方式二:通过文件菜单选择一个目录作为项目





方式三:通过命令行终端选择一个目录作为项目

1. 新建一个终端:


2. 使用 cloudstudio 命令打开一个目录作为项目:


说明
cloudstudio 命令除了快速打开一个目录以外,还有更多丰富的功能,例如:安装插件、计算文件之间的差异、定位到文件内容的行列。

方式四:从代码仓库中克隆项目:





使用示例

Cloud Studio 当前支持 Python、Java、Go、C/C++ 和 Node.js 语言。下文以命令行方式和界面方式为您示意如何运行 Python 和 Node.js 语言程序,您可以根据需要选择相应的语言进行操作。

Python

1. 创建一个目录 DEMO,并在 Cloud Studio 打开 DEMO 目录。
2. 在 DEMO 目录下创建简单示例文件 main.py。如下图所示:


3. 使用以下任意一种方式运行该程序:
命令行方式
界面方式
1. 选择窗口上方的终端 > 新建终端,打开终端。
2. 在终端中执行以下命令:python main.py,运行程序。执行结果如下图所示:


当您打开 main.py 文件,编辑器会提示您是否要安装 Python 插件,选在安装,安装完后就可以通过界面方式运行程序了。如下图所示:



Node.js

1. 创建一个目录 DEMO,并在 Cloud Studio 打开 DEMO 目录。
2. 在 DEMO 目录下创建简单示例文件 main.js。如下图所示:


3. 使用以下任意一种方式运行该程序:
命令行方式
界面方式
1. 选择窗口上方的终端 > 新建终端,打开终端。
2. 在终端中执行以下命令:node main.js 运行程序。执行结果如下图所示:


1. 选择左侧的第四个“运行和调试”活动页。
2. 运行和调试活动页中,有两种方式运行您的 Node.js 代码:单击运行和调试、创建 launch.json 文件和使用 JavaScript 调试终端(在这个终端运行 node main.js 命令,将以调试模式运行,支持设置断点)。如下图所示:


3. 选择单击运行和调试按钮方式运行,并选择 Node.js 调试器(不同语言需要选择不同的调试器)。如下图所示:


4. 选择完调试器后,就会以调试模式运行程序,如果在程序中,存在断点,程序的执行会停在断点的位置。如下图所示:



修改密码

您可以根据按照以下步骤修改 Cloud Studio 管理员登录密码。
2. 单击实例详情页应用管理页签中应用内软件信息卡片中的登录,或单击实例详情页右上角的登录按钮以登录该实例。



3. 在登录窗口中输入sudo vim ~/.config/cloudstudio/config.yaml



4. 单击回车键,进入文件修改界面。单击键盘i键进入编辑模式,修改 password 字段的内容为您想修改的密码。



5. 修改完毕后,按下键盘esc键,输入:wq,按下回车键,保存文件内容并退出编辑器。



6. 输入sudo systemctl restart cloudstudio@lighthouse.service重启 Cloud Studio 服务。



7. 至此您已完成了 Cloud Studio 管理员登录密码的修改。单击实例详情页应用管理页签中应用内软件信息中的访问地址,输入修改后的密码,即可重新登录Cloud Studio。