Qoder CN IDEquick start

Open a workspace

You can use Qoder CN IDE to quickly edit individual files, or open a workspace (folder) containing multiple files. Start by creating a folder and opening it in Qoder CN IDE. This folder will be used throughout this tutorial.

1. Open Qoder CN IDE. When you launch Qoder CN IDE for the first time, you will see the Welcome page, which provides several getting-started actions.

2. From the menu, select File > Open Folder... to open the folder you want to use.

3. Click New Folder to create a new folder named "lingma demo", then click Select Folder (on macOS, click Open).

4. In the Workspace Trust dialog, select Yes, I trust the authors.

   Note

   Since you created this folder on your own computer, you can trust the code in it.

Explore the user interface

Main areas of the Qoder CN IDE user interface:

1. Toolbar: Located at the top of the interface, it contains buttons for common actions such as creating a new project, opening files, and saving files.

2. File Explorer: Typically located on the left side, it displays the files and folders in your current project. You can use it to navigate and manage project files.

3. Editor: This is the main area where you write code. It occupies the central portion of the interface and supports features like syntax highlighting and code checking.

4. Terminal: Typically located at the bottom, it allows you to run commands and view output and error messages.

5. Left Sidebar: Contains various panels, such as the Source Control panel that displays Git status.

6. Right Sidebar: Displays the Qoder CNAI coding assistant chat interface. For details, see: Qoder CN AI Coding Assistant.

7. Status Bar: Located at the bottom of the interface, it shows the current file status, Git information, spell checking, and more.

   These tools together help you write, debug, and manage code efficiently.

Terminal and command line

1. Open the terminal: In the menu bar, click View, then select Terminal. Alternatively, press the shortcut Ctrl+` to quickly open the terminal.

2. Run a command to create a file.

   echo "Hello lingma" > demo.txt

   The default working directory is the root of the current workspace. The Explorer view automatically detects and displays the new file.

3. To manage multiple terminals, click the dropdown arrow

Command Palette

1. Open the Command Palette using the shortcut ⇧⌘P (macOS), Ctrl+Shift+P (Windows), or by selecting View > Command Palette. In Qoder CN IDE, many commands are accessible through the Command Palette. Additionally, installed extensions also add new commands to it.

2. The Command Palette supports different search operations:

   • After the > symbol, start typing to filter the command list. For example, type "move editor" to find commands for moving an editor to a new window.

   • Remove the > symbol to search for files. You can also use the shortcut ⌘P (macOS) or Ctrl+P (Windows) to quickly open and search for files.

   Note

   Qoder CN IDE uses fuzzy matching to find files or commands. For example, typing "odks" returns the "Open Default Keyboard Shortcuts" command.

Settings and customization

In Qoder CN IDE, you can customize features through configuration settings. You can modify settings using the Settings editor, or directly edit the settings.json file for advanced customization.

1. Access settings: In the upper-right corner of Qoder CN IDE, click the user icon

2. Qoder CN IDE has auto-save disabled by default. You can enable it from the Files:Auto Save dropdown menu.

   After you change this setting, Qoder CN IDE applies it immediately, and all subsequent code file edits will be saved automatically.

3. Settings are organized into User and Workspace levels, which you can switch between using tabs. User settings apply to all your workspaces, while Workspace settings apply only to the current workspace. If a setting exists at both levels, the Workspace setting takes precedence over the User setting.

Write code

Qoder CN IDE natively supports JavaScript, TypeScript, HTML, CSS, and more. You can add Python support through extension packs. Let's use the main.py file you created earlier to practice code editing.

Use source control

Qoder CN IDE has built-in source control management (SCM) with out-of-the-box Git support. Let's use the integrated Git features to commit the changes you made earlier.

1. Select the Source Control view

2. Click Initialize Repository to create a new Git repository in your workspace. After initialization, the view displays the changes you have made in the workspace.

3. You can hover over a file and click the + icon next to it to stage individual changes.

4. Enter a commit message (for example, Add hello function), then click the Commit button to complete the operation.

Install a language extension

Qoder CN IDE has a rich extension ecosystem. You can add languages, debuggers, and tools during installation to support specific development workflows.

1. Open the Extensions view

2. Type the keyword "python" in the search bar, then install the Python Extension Pack from the search results to enable Python syntax highlighting, IntelliSense, and other features.

   After installing the extension, you must sign in with your Qianwen Qoder CN account to receive code suggestions.

   Important

   Some extensions are currently not supported for installation. You can download and install them from the VS Code Extension Marketplace.

Run and debug your code

Qoder CN IDE has built-in support for running and debugging code. In this section, you will use the Python extension installed in the previous step to debug a Python program.

1. First, make sure Python 3 is installed. If no Python interpreter is installed locally, you will see a notification in the lower-left corner of the window. Click Select Interpreter to open the Command Palette, where you can select or install one.

2. In the main.py file, press F9 on the print line to set a breakpoint.

   A red dot appears in the left margin of the editor, indicating that a breakpoint has been set. Breakpoints allow you to pause program execution at a specific line of code.

3. Press F5 to select the Python debugger and run the program until it pauses at the breakpoint.

   1. Select the Python debugger: Python Debugger

   2. Select the debug configuration: Python File - Debug the currently active Python file.

4. The program pauses at the breakpoint you set earlier:

   Note

   While execution is paused, you can inspect variable values by hovering over them in the editor. You can also view variable values at any time in the Variables section of the Run and Debug view.

5. Click the Continue button

Intelligent coding

The Qoder CNAI coding assistant provides intelligent code generation, smart Q&A, multi-file editing, and coding agent capabilities, delivering an efficient and seamless coding experience that boosts development productivity.

def add(a, b):

For more intelligent coding features, see: User Guide.

Keyboard shortcuts

Qoder CN IDE comes with a set of default keyboard shortcuts. You can view the default shortcuts in either of the following ways:

• Open the Keyboard Shortcuts editor: In Personal Settings, navigate to General > Preferences > Keyboard Shortcuts.

• Use the shortcut ⌘K -> ⌘S (macOS) or Ctrl+K -> Ctrl+S (Windows) to open it.

For more keyboard shortcut operations, see Qoder CN IDE keyboard shortcuts.

Set up the Chinese interface

1. Open the Command Palette using the shortcut ⇧⌘P (macOS), Ctrl+Shift+P (Windows), or by selecting View > Command Palette.

2. Type Configure Display Language and press Enter.

3. Click Chinese (Simplified) (zh-cn), then click Restart.

4. After restarting, the interface is displayed in Chinese.