{}const=>[]async()letfn</>var
開発AI

VS CodeでGPTを直接使用する方法:統合ガイド

VS CodeでGPTを接続するためのステップバイステップの説明:使用する拡張機能、APIキーの取得方法、およびすべての設定方法。

К

Kodik

著者

1分で読める

コードをより速く、よりスマートに書くために、GPTをお気に入りのVS Codeに接続する方法をステップバイステップで説明します。

🔧 GPTをVS Codeに統合すると何が得られますか?

  • ✨ 意味に基づいてコードを自動補完する

  • 📚 コメントとドキュメントを生成する

  • 🧪 コードの断片が何をするかを説明する

  • 🔄 コードを書き換えて読みやすさを向上させる

  • 🤯デバッグとバグの修正を支援する

🔥 10万人以上の学生が参加中

理論を読むのに疲れた?
コーディングの時間だ!

Kodik — 実践でプログラミングを学ぶアプリ。AIメンター、インタラクティブなレッスン、実際のプロジェクト。

🤖 AI 24時間
🎓 修了証
💰 無料
🚀 始める
今日参加

🧩 どのような拡張機能がありますか?

拡張

機能

無料

CodeGPT

コードの生成、説明、翻訳

部分的に

Continue

LLMエージェント(自動補完機能付き)、OpenAIなどをサポート

Ghostwriter

Replitからのコードと提案の生成

Cody (Sourcegraph)

プロジェクトのコンテキストに基づくGPTヒント

⚙️ CodeGPTのインストール

  1. VS Codeを開く

  2. 拡張機能(Ctrl + Shift + X)に移動します

  3. 見つける CodeGPT そしてクリック Install

📝 インストール後、OpenAIのAPIキーを設定する必要があります。

🔑 OpenAI APIキーはどこで入手できますか?

  1. 次に移動 https://platform.openai.com/account/api-keys

  2. クリック Create new secret key

  3. キーをコピーしてください(一度だけ表示されます)

📌 鍵を公開したり、公開リポジトリにアップロードしたりしないでください。

🔧 CodeGPTの設定

コマンドパレット( Ctrl + Shift + P )を開き、次を選択します。

> CodeGPT: Set API KEY

OpenAIのキーを挿入します。その後、次のコマンドを実行できます。

  • CodeGPT: Explain Code

  • CodeGPT: Generate Code

  • CodeGPT: Refactor Code

  • CodeGPT: Ask Anything

📐 使用例

コードの一部を選択して呼び出す Explain CodeGPTは、コードの機能をロシア語または英語で説明します。他の人のプロジェクトで作業する場合に便利です。

コードをより美しく、よりクリーンにしたいですか?呼び出してください Refactor Code.

⚡️ 代替案:続行

より柔軟性を求め、支払いをしたくない場合は、試してみてください Continue:

  • OpenAI、LocalAI、Ollamaなどをサポート

  • 編集者のアシスタントとして働いています

  • ローカルモデルを接続できます

📁サーバーで、またはインターネットなしでGPTを使用する場合に最適なオプションです。

📣 Kodikaコミュニティに参加しましょう

B 当社のアプリケーションKodik あなたができること:

  • Python、JavaScript、HTMLなどでゼロからコードを書くことを学ぶ。

  • エクササイズ内でAIに直接質問する

  • 実際のミニプロジェクトを通じてスキルをレベルアップする

そして Telegramチャンネル 興味深いトピックを話し合い、ライフハックを共有し、お互いをサポートします。参加してください! 💬

💬 コメントに書いてください

エディターでGPTを使用していますか?どのプラグインが一番気に入りましたか?それとも、ローカルモデルの接続ガイドを作成してほしいですか?

🎯先延ばしをやめよう

記事は気に入った?
実践の時間だ!

Kodikでは読むだけでなく、すぐにコードを書く。理論 + 実践 = 本当のスキル。

即座に実践
🧠AIがコードを説明
🏆修了証

登録不要 • カード不要