このトピックでは、ユーザーインターフェイスのカスタマイズ、コード編集、実行とデバッグ、その他の基本操作など、Qoder CN IDE のコア機能を素早く習得できます。また、Qoder CN コーディングアシスタントによるインテリジェントなコーディング機能についても説明します。
ワークスペースの開始
Qoder CN IDE を使用すると、単一のファイルを素早く編集したり、複数のファイルを含むフォルダであるワークスペースを開いたりできます。まず、フォルダを作成し、Qoder CN IDE で開きます。このチュートリアル全体を通じて、このフォルダを使用します。
-
Qoder CN IDE を開きます。Qoder CN IDE を初めて起動すると、ウェルカムページが表示され、いくつかの開始オプションが表示されます。
-
フォルダーを開くには、メニューバーからを選択します。
-
[新規フォルダー] を選択し、lingma demo という名前の新しいフォルダーを作成します。次に、[フォルダーの選択] (macOS では [開く]) を選択します。
-
「ワークスペースの信頼」ダイアログボックスで、[はい、作成者を信頼します] をクリックします。
説明このフォルダは自分のコンピューター上で作成したため、その中のコードを信頼できます。
ユーザーインターフェイスのナビゲーション
Qoder CN IDE ユーザーインターフェイスの主要な部分は以下のとおりです。
-
ツールバー:インターフェイスの上部に配置されています。新しいプロジェクトの作成、ファイルを開く、ファイルの保存などの一般的な操作のボタンが含まれています。
-
ファイルブラウザ:通常、左側に配置されています。現在のプロジェクト内のファイルとフォルダを表示し、プロジェクトファイルのナビゲーションと管理ができます。
-
エディタウィンドウ:コードを記述するための主要な領域です。通常、インターフェイスの大部分を占め、構文の強調表示や構文チェックなどの機能をサポートします。
-
ターミナルウィンドウ:通常、下部に配置されています。コマンドを実行し、出力やエラーメッセージを表示できます。
-
左サイドバー:Git ステータスを表示するソース管理パネルなど、さまざまなパネルを含みます。
-
右サイドバー:Qoder CN コーディングアシスタントのセッションインターフェイスを表示します。機能の詳細については、Qoder CN インテリジェントコーディングアシスタントをご参照ください。
-
ステータスバー:インターフェイスの下部に配置されています。現在のファイルのステータス、Git 情報、スペルチェックなどを表示します。
これらのツールは、コードの記述、デバッグ、管理を効率的に行うのに役立ちます。
アクティビティバーでのビューの切り替え
アクティビティバーを使用して、さまざまなビューを切り替えます。
エディタを使用したファイルの表示と編集
-
左側のアクティビティバーにある[エクスプローラー]
をクリックします。次に、[新しいファイル...]
ボタンをクリックして、ワークスペースに新しいファイルを作成します。 -
main.pyなどのファイル名を入力します。Enter キーを押して作成します。 -
ワークスペースにさらにファイルを追加します。複数のエディタを開き、必要に応じて配置してファイルの内容を表示できます。
ターミナルとコマンドライン
-
ターミナルを開くには、メニューバーから [表示] をクリックし、[ターミナル] を選択します。あるいは、キーボードショートカット
Ctrl+`を押して、ターミナルをすばやく開くこともできます。 -
コマンドを入力してファイルを作成します:
echo "Hello lingma" > demo.txtecho "Hello lingma" > demo.txtデフォルトの作業フォルダは、現在のワークスペースのルートディレクトリです。Explorer ビューは、新しいファイルを自動的に検出して表示します。
-
複数のターミナルを管理します。ターミナルの右上隅にあるドロップダウン矢印
をクリックします。表示されるメニューから、別のシェル環境を選択します。
コマンドパレット
-
キーボードショートカット
⇧⌘P(macOS)、Ctrl+Shift+P(Windows) を使用するか、 を選択して、コマンドパレットを開きます。Qoder CN IDE では、多くのコマンドがコマンドパレットからアクセスできます。インストール済みの拡張機能も、コマンドパレットに新しいコマンドを追加します。 -
コマンドパレットは、さまざまな検索操作をサポートします。
-
>記号の後に続けて入力すると、コマンドリストを絞り込むことができます。たとえば、「move editor」 と入力すると、エディターを新しいウィンドウに移動するコマンドが見つかります。
-
ファイルを検索するには、
>記号を削除します。また、キーボードショートカット⌘P(macOS) またはCtrl+P(Windows) を使用して、ファイルをすばやく開いて検索することもできます。
説明Qoder CN IDE は、ファジーマッチングを使用してファイルやコマンドを検索します。たとえば、「odks」と入力すると、「Open Default Keyboard Shortcuts」コマンドが返されます。
-
設定とカスタマイズ
Qoder CN IDE では、設定を構成して機能をカスタマイズします。設定の変更には、設定エディターを使用します。高度なカスタマイズを行うには、settings.json ファイルを直接編集します。
-
設定にアクセスします。Qoder CN IDE の右上隅にあるユーザーアイコン
をクリックするか、キーボードショートカット ⌘⇧,(macOS) またはCtrlShift,(Windows) を使用します。次に、[個人設定] を選択します。 -
Qoder CN IDE では、デフォルトで自動保存が無効になっています。[ファイル: 自動保存] ドロップダウンメニューから有効にできます。
Qoder CN IDE は、設定の変更を自動的に適用します。以降のすべてのコードファイルの編集は、自動的に保存されます。
-
設定は、ユーザーレベルとワークスペースレベルに分かれています。Tab キーを使用してそれらを切り替えます。ユーザー設定は、すべてのワークスペースに適用されます。ワークスペース設定は、現在のワークスペースにのみ適用されます。設定がワークスペース設定とユーザー設定の両方に存在する場合、ワークスペース設定がユーザー設定を上書きします。
プログラミングの実践
Qoder CN IDE は、JavaScript、TypeScript、HTML、CSS などを標準でサポートしています。拡張パックを使用して Python のサポートを追加します。以前に作成した main.py ファイルに基づいてコードを編集します。
ソース管理の使用
Qoder CN IDE はソース管理 (SCM) を統合し、Git を標準でサポートします。組み込みの Git サポートを使用して、以前の変更をコミットします。
-
左側で、ソース管理ビュー
を選択します。 -
ワークスペースに新しい Git リポジトリを作成するには、[リポジトリの初期化] を選択します。リポジトリが初期化されると、ビューにワークスペースで行った変更が表示されます。
-
個々の変更をステージするには、ファイルにカーソルを合わせ、その横にある
+を選択します。 -
Add hello functionなどのコミットメッセージを入力した後、[コミット] ボタンをクリックして操作を完了します。
言語拡張機能のインストール
Qoder CN IDE には、豊富な拡張機能エコシステムがあります。インストール時に言語、デバッガ、ツールを追加して、特定の開発ワークフローをサポートできます。
-
拡張機能ビュー
を開きます。 -
検索バーで、「python」と入力して検索します。結果から、Python Extension Pack をインストールします。これにより、Python の構文の強調表示や IntelliSense などの機能が有効になります。
拡張機能のインストール後、コード記述の提案を取得するには、 Qoder CN アカウントに ログオン する必要があります。
重要一部のプラグインは、現在インストールがサポートされていません。VS Code 拡張機能マーケットプレイス からダウンロードしてインストールしてください。
プログラムの実行とデバッグ
Qoder CN IDE は、組み込みの実行およびデバッグ機能を提供します。このセクションでは、前の手順でインストールした Python 拡張機能を使用して、Python プログラムをデバッグします。
-
まず、Python 3 がインストールされていることを確認します。 Python インタープリターがローカルにインストールされていない場合は、ウィンドウの左下隅に通知が表示されます。 [インタープリターの選択] を選択してコマンドパレットを開きます。 その後、既存のインタープリターを選択するか、インストールすることができます。
-
main.pyファイルで、F9をprint行で押してブレークポイントを設定します。エディタの左サイドバーに赤い点が表示され、ブレークポイントが設定されていることを示します。ブレークポイント機能を使用すると、特定のコード行でプログラムの実行を一時停止できます。
-
F5を押すと、Python デバッガーが選択され、実行がブレークポイントで一時停止します。-
Python デバッガーを選択します:
[Python デバッガー] -
デバッグ設定
Python ファイル: 現在実行中の Python ファイルをデバッグを選択します。
-
-
プログラムは、以前に設定したブレークポイントまで実行されます。
説明実行が一時停止したら、エディタで変数にカーソルを合わせて、その値を調べることができます。実行とデバッグビューの変数ビューで、いつでも変数の値を表示することもできます。
-
実行を続行するには、デバッグツールバーの
ボタンをクリックするか、F5を押します。
スマートコーディング
Qoder CN インテリジェントコーディングアシスタントは、インテリジェントなコード生成、AI チャット、複数ファイルの変更、プログラミングエージェントなどの機能を提供します。これらの機能は、効率的でスムーズなコーディング体験を提供し、開発効率をさらに向上させます。
コード補完
main.py ファイルの最後に、関数ヘッダーを入力します:
def add(a, b):
Qoder CN は、関数の残りの部分を自動的に提案します。Tab キーを押して、提案を適用します。

クイックフィックス
メソッドを呼び出すと、変数 num1 と num2 が未定義のためエラーが発生します。
アイコンをクリックして、問題を自動的に修正してください。


この例では、Qoder CN が上記の問題を自動的に修正しました。

その他のインテリジェントコーディング機能については、ユーザーガイドをご参照ください。
キーボードショートカット操作
Qoder CN IDE には、デフォルトのキーボードショートカットが用意されています。次のいずれかの方法を使用して、デフォルトのキーボードショートカットを表示できます。
-
キーボードショートカットエディターを開きます。「個人設定」で、 を開きます。
-
キーボードショートカット
⌘K→⌘S(macOS) またはCtrl+K→Ctrl+S(Windows) で開きます。
キーボードショートカット操作の詳細については、Qoder CN IDE キーボードショートカットをご参照ください。
中国語インターフェイスの設定
-
コマンドパレットを開くには、キーボードショートカット
⇧⌘P(macOS)、Ctrl+Shift+P(Windows) を使用するか、 を選択します。 -
Configure Display Languageを入力して Enter キーを押します。 -
[中国語 (簡体字) (zh-cn)] をクリックし、次に [再起動] をクリックします。
-
再起動後、インターフェイスは中国語で表示されます。