CodeArts Agent IDE
CodeArts Agent IDE, part of Huawei Cloud's CodeArts suite, is an AI-powered development tool providing developers with intelligent programming experience.
Procedure
| Step | Description |
|---|---|
NOTE: CodeArts Agent provides two editions: Basic and Professional. Select a proper edition based on your service requirements. For details about how to purchase a package, see Subscriptions. This section uses the basic edition as an example. | |
| CodeArts Agent IDE comes with the CodeArts Agent extension. You only need to download and install CodeArts Agent IDE. CodeArts Agent IDE can work on the following OSs. This section uses Windows 11 (x64) as an example.
| |
| You only need to describe your requirements or function objectives using natural language. CodeArts Agent will understand your description and generate complete, well-structured, and project-level code. NOTE: CodeArts Agent provides logs at four levels: Debug, Info, Warn, and Error. For easier troubleshooting and fault locating during code execution, set the log level to Debug to obtain more detailed execution information. For details about how to set the log level, see Obtaining Logs. | |
| Check whether the generated result meets your expectation. |
Preparations
- Visit the Huawei Cloud official website, and click Sign Up in the upper right corner.
- Sign up for a HUAWEI ID and enable Huawei Cloud services.
- Purchase the CodeArts Agent IDE basic edition package by referring to Subscriptions.
Step 1: Install and Log In to CodeArts Agent IDE
This section uses Windows 11 (x64) as an example to describe how you can install and log in to CodeArts Agent IDE.
- Download the CodeArts Agent IDE installation package from the official website of CodeArts Agent.
- Double-click the installation program and complete the installation as prompted.
- Double-click the CodeArts Agent IDE icon to start it.
- Log in to CodeArts Agent IDE.
Step 2: Develop a Web Application
In the IDE, the autonomous development agent directly responds to instructions in the chat box. It can generate complex project-level code based on requirements, programming language comments, or natural language descriptions.
- Create a project for storing files.
- On the welcome page, click New Project. The project creation page is displayed. Figure 1 Creating a project
- Select a path for storing the project, enter the project name, and click OK.
The project name must start with a letter, and can contain a maximum of 64 characters. Letters, digits, hyphens (-), and underscores (_) are allowed.
Figure 2 Creating a project
After the project is created, you can view it, for example, DEMO, under EXPLORER.
Figure 3 Viewing the created projects
- On the welcome page, click New Project. The project creation page is displayed.
- Select the agent running mode and authorize automatic operations.
- Click
in the upper right corner of CodeArts Agent IDE to open the settings page. - Choose , select the running policy for the agent to execute terminal commands. This section uses the default running policy (Running in Sandbox).
A sandbox provides an isolated and restricted execution space for instructions generated by agents. Strict permission controls ensure commands run in a secure, isolated environment. This effectively blocks access to unauthorized resources, like files and networks, and prevents risky commands, such as those that change permissions. For intercepted commands, the agent will issue a risk prompt within a chat. These commands need your second approval before running outside the sandbox.
- Choose Chats > Auto-approve, and click
to enable the required items. After authorization, tasks for generating complex project-level code are executed automatically. Without authorization, some operations will need your manual confirmation when you code with CodeArts Agent.
Table 2 Parameters for automatic approval Parameter
Description
Example
Edit
Allows the agent to call tools like edit, write, and deleteFile to edit files on your computer.
Enabled
Browser Access
Allows the agent to access websites in the browser.
Enabled
Web Crawler
Allows the agent to access and capture specified web page content.
Enabled
- Exit the current page to complete the authorization.
- Click
- Choose under the chat box. The selected model is displayed on the right. You can select a model as required from the drop-down list.
If the chat panel of CodeArts Agent is not displayed, click
(Expand AI Sidebar) in the upper right corner of the top menu bar to open it.Figure 4 Switching to the agent mode
- In the chat panel, click Vibe Coding to switch to the vibe coding mode.
- Develop a web application using the agent mode.
In the chat box, enter the following prompt and click
. CodeArts Agent will create a web application step by step.Implement a web application named todolist in the TestDemo_01 folder. The GUI must be clean, intuitive, and easy to use. The basic functions must be complete.
Step 3: Verify the Application
The figure below is only an example. The actual page may vary from it.
- Preview the web application in the built-in browser. To do this, expand the corresponding folder in EXPLORER, right-click index.html, and choose Preview in Browser from the shortcut menu. Figure 5 Opening a file in the built-in browser
- Check the web-based to-do list app. You can verify its functions, for example, creating tasks, deleting them, or clearing finished ones. Figure 6 Viewing the web application
Figure 7 Adding a to-do item
Figure 8 Managing the to-do list
Feedback
Was this page helpful?
Provide feedbackThank you very much for your feedback. We will continue working to improve the documentation.See the reply and handling status in My Cloud VOC.
For any further questions, feel free to contact us through the chatbot.
Chatbot