华为云CodeArts IDE Online快速入门和使用详解

文档参考: CodeArts IDE Online

一、产品介绍

CodeArts IDE Online是云端开发环境服务，向开发者提供按需配置、快速获取的工作空间（包含编辑器和运行环境），支持完成环境配置、代码阅读、编写代码、构建、运行、调试、预览等操作，并支持对接多种代码仓库。

1. 基本特性

• 云化和轻量化: 依托华为云的计算和存储资源，实现云化开发环境供给，通过浏览器访问就可完成开发全过程，实现移动办公。
• 快速按需容器化: 用户工作空间基于全容器技术，极短时间即可按用户所需配置（计算和存储）启动并提供服务，用后随时释放。
• 多语言和技术栈: 支持40多种语言的语法高亮，支持Java等语言的语法补齐，支持7种预置技术栈，无需复杂配置环境即可就位。
• 视图风格可切换, 界面可定制: 提供亮色和暗色两种视觉风格，编辑器提供多种视图布局，还支持满屏编辑和边栏收缩。支持插件扩展，通过实例内置的插件市场搜索和安装插件，实现能力横向扩展。
• 后端环境可配置: 提供页面终端（WebTerminal）直接访问后端容器环境，以命令行设置变量、处理文件和配置其他环境因素。
• 访问不同架构环境: 不限设备和操作系统，通过浏览器就可以访问不同计算架构（ARM和X86）的开发环境。一个开发者可以同时使用多个开发环境，不受限于本地配置。
• 构建运行和调试: 提供命令管理器以支持构建（Build）和运行（Run），对Java等语言还支持断点调试。
• 可对接三方服务: 除了对Git仓库（在代码托管服务中创建的仓库或GitHub等）的支持，还提供对接第三方服务（即通过外网通道对接其他开放服务）的能力。支持被第三方业务集成，可通过开放API接入开发作业流。根据参数定义，规范环境启动后的技术栈、语言支持、环境变量、插件加载和代码分支。
• 企业化权限管控: 提供基于黑白名单的访问控制能力，为企业租户提供掌控子用户行为的管理面。

2. 功能列表

• 一键式环境获取: 一键式获取云端基于容器的工作空间，并可在不需要时释放。
• 预置技术栈: 预置多种技术栈，创建工作空间时选取预置技术栈可获得更快的环境配置能力。
  • All in One (包含下列所有)
  • Java
  • C/C++
  • Python（2.7.x & 3.6.x）
  • NodeJS
  • Go
  • Blockchain
  • Quantum Computing
  • SmartAssist Java
• 按需配置资源: 可按需选择工作空间的计算资源规格（micro或medium）和存储资源规格（GB）。
• 工作空间启动和停止: 启动工作空间，获取由页面编辑器+运行环境+云端存储组成的集成开发环境。停止工作空间可立即释放计算资源。
• 访问和配置后端环境: 基于页面终端模拟器（WebTerminal）可以以命令行访问和配置后端环境。
• 多语言代码编写: 支持40多种编程语言的语法高亮，以及Java等主流语言的代码智能提示。
• 代码构建和运行: 容器化的运行环境可以构建（Build）和执行（Run）代码，并可查看运行结果及日志输出。
• 代码调试和预览: 代码调试功能可支持Java等语言的在线代码调试，对Web类和接口类应用可提供页面预览或接口调用。
• 对接Git代码仓库: 支持对接Git配置库（代码仓库），实现如Commit、Branch、Push等操作，支持第三方代码仓库（如GitHub）。
• 企业租户管理权限: 向企业租户提供基于黑白名单的企业用户CodeArts IDE Online使用权限控制。

3. 计费说明

CodeArts IDE Online每天提供120分钟免费体验时间

CodeArts IDE Online服务的计费项为存储资源和计算资源，存储资源和计算资源按小时计费，详细的费用收取说明请参见价格详情。

4. 权限管理

可以使用统一身份认证服务（Identity and Access Management，简称IAM）进行精细的权限管理, 给企业中的员工设置不同的访问权限，以达到不同员工之间的权限隔离。该服务提供用户身份认证、权限分配、访问控制等功能。

授权时，“作用范围”需要选择“区域级项目”，然后在指定区域（如华北-北京1）对应的项目（cn-north-1）中设置相关权限，并且该权限仅对此项目生效。

根据授权精细程度分为角色和策略。

• 角色: 一种根据用户的工作职能定义权限的粗粒度授权机制
• 策略: 一种细粒度授权的能力，可以精确到具体服务的操作、资源以及请求条件等

CodeArts IDE Online 的四种系统权限

• 所有权限
• 只读权限
• 实例管理权限，用户可以管理自己拥有的实例、访问被分发给自己的实例。
• 开发权限，包括查看、启动、停止、访问实例等操作

其他如常用操作与系统权限的关系、常用操作与对应授权项、授权项与对应条件键可详见CodeArts IDE Online权限管理

二、快速使用流程

操作流程: 开始 -> 创建IDE实例 -> 启动IDE实例 -> 在线编码 -> 在线调试 -> 结束

注意: 试用版没有办法创建新的实例, 如果想要体验完整服务, 需要完成以下两点: 1. 注册华为云并实名认证 2. 为账户充值

1.进入CodeArts IDE Online首页

2.单击左上角“新建实例”进行创建，包括“基础配置”和“工程配置”。

下图为创建实例演示:

3. 单击“下一步”，进入“工程配置”页面。
请根据需要选择工程来源，包括“样例工程”和“私有仓库”，也可以选择“不创建工程”直接创建实例。

4.设置完参数单击“确定”，IDE实例创建完成，系统自动进入IDE工作界面 (下图为体验项目)

5.修改/删除IDE实例

三、界面操作说明

1. 左侧栏说明

下图分别为：资源管理器，搜索，调试，插件管理

2. 导入项目

3. 新建项目

4. 终端

a. 可以通过以下两种方式打开终端：

• 使用“Ctrl+`”或“Ctrl+Shift+`”快捷键。
• 单击左上角，选择“终端> 新建终端”。

b. 管理与拆分终端

c. 更改样式
可以在settings.json文件里自定义Terminal的样式，如：字体大小、行间距等。可以修改以下参数项进行配置：

• terminal.integrated.fontFamily
• terminal.integrated.fontSize
• terminal.integrated.fontWeight
• terminal.integrated.fontWeightBold
• terminal.integrated.letterSpacing
• terminal.integrated.lineHeight

d. 运行选中命令
如果想执行代码、文件中出现的命令，可以选中命令，然后执行“运行所选文本”命令。可通过“终端 -> 运行所选文本”找到该命令。

5. 命令管理器/自定义命令

a. 背景信息

• 在进行代码构建、测试、运行、调试前，需要执行自定义运行命令的任务。
• 通过编辑“tasks.json”文件，可以添加任何想要执行的任务。

b. 操作步骤

• 开发人员进入CodeArts IDE Online代码编辑界面。
• 在工程根目录下创建 .theia 目录（如已存在请跳过该步），并在.theia目录下新建 tasks.json 文件。
• 将如下配置信息复制到 tasks.json 文件中，以maven的package命令为例。

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "package",
            "type": "shell",
            "command": "mvn package",
            "group": "build",
            "presentation": {
                "reveal": "always",
                "panel": "new"
            }
        }
    ]
}

• 在命令行运行新定义的命令，单击“终端> 运行任务”

6. Run/Debug

a. 开发人员进入CodeArts IDE Online代码编辑界面。
b. 单击运行按钮，选择“查看 >调试”。
c. 编辑launch.json文件，根据自动补全给出的提示填写相关参数。
d. 单击三角符号启动/调试程序

四、代码操作

1. 快捷操作

• 多重编辑（多重光标）：按住“Alt”键，然后在编辑器中单击，来添加多个光标进行编辑。也可以用“Ctrl+Alt+↓”或者“Ctrl+Alt+↑”在当前光标的下方和上方添加光标。
• 调整选区：可以根据需要扩大或缩小选区范围。可以用“Shift+Alt+←”和“Shift+Alt+→”来缩小和扩大选区。
• 列选择：可以按住“Alt+Shift”再拖动鼠标进行列选择。
• 查找与替换：要在当前编辑文件中搜索文字，可以按下“Ctrl+F”，输入要查找的文字，找到的匹配项会高亮。若有多个匹配项，可以用“Enter”和“Shift+Enter”在多个匹配项之间进行切换。
• 代码格式化：可以用快捷键“Ctrl+Shift+P”，或者用右键菜单来使用格式化命令。
• 代码折叠：单击编辑器左侧的箭头，可以将代码按区域进行折叠。

2. Maven项目编译（Build）— java

a. 进入CodeArts IDE Online代码编辑界面。
b. 打开项目，右键单击项目中的“pom.xml”文件，选择“Update project configuration”，项目会自动刷新并重新编译。

3. 代码运行（Run）— java

a. 手动编译，或等待自动编译完成。
b. 打开文件，等待“Run | Debug”按钮显示在main函数上方。
c. 单击“Run”，运行main函数。

4. 代码调试（Debug）— java

• 添加Debug配置调试
  a. 单击“查看 > 调试”打开调试视图。
  b. 单击“查看 > 调试控制台”打开调试控制台。
  c. 打开源码文件，在代码中打上断点。
  d. 添加配置，选择“Launch Program”，在配置文件中设置需要调试的“mainClass”。
  e. 单击Debug视图中的运行按钮开始调试。
  

• 代码调试入口自动推断（CodeLens）
  和代码运行一样，可以直接单击 main 函数上的 Debug 按钮来调试代码
  

• 修改变量
  Java Debug 允许在调试过程中修改变量, 操作如下：
  a. 调试并停留在断点处。
  b. 在“调试控制台”中修改变量值。
  c. 继续调试。
  

其他技术栈操作（如c/c++、python等），请阅读官方文档

五、其他功能（自行阅读官方文档）

1. 基于CodeArts IDE Online快速开发、部署微服务

2. 基于CodeArts IDE Online、TensorFlow和Jupyter Notebook开发深度学习模型

3. API参考