ChatGPT を使って VSCode 拡張機能を構築する

初級

このプロジェクトでは、ユーザーが選択した Markdown テキストの見出しレベルを調整できる VSCode 拡張機能を作成するプロセスを案内します。最後まで進めると、Visual Studio Code での Markdown 編集体験を向上させる機能的な拡張機能が完成します。

javascriptweb-development

💡 このチュートリアルは英語版からAIによって翻訳されています。原文を確認するには、 ここをクリックしてください

はじめに

このプロジェクトでは、選択した Markdown テキストの見出しレベルをユーザーが調整できる VSCode 拡張機能を作成する手順を順を追って説明します。最終的には、Visual Studio Code での Markdown 編集体験を向上させる、機能的な拡張機能が完成します。

👀 プレビュー

Extension Preview

🎯 タスク

このプロジェクトでは、以下を学習します。

  • TypeScript を使用して VSCode 拡張機能の雛形を作成する方法。
  • TypeScript と Node.js、および VSCode の設定を統合する方法。
  • 選択した Markdown テキストの見出しレベルを調整するためのコア機能を開発する方法。
  • 拡張機能のビルド、デバッグ、実行のための設定ファイルを記述する方法。

🏆 達成目標

このプロジェクトを完了すると、以下のことができるようになります。

  • TypeScript を使用して VSCode 拡張機能を設計・開発する。
  • VSCode 環境内でのユーザー操作やテキスト選択を処理する。
  • Markdown 構文を解析し、操作する。
  • プロジェクト内で複数のファイルを生成・管理する。
  • シームレスな開発のために TypeScript、Node.js、VSCode を設定する。
これはチャレンジであり、ガイド付き実験(Lab)とは異なり、実験の手順に従うのではなく、チャレンジタスクを自力で完了しようと試みる必要があります。チャレンジは通常、やや難易度が高いです。難しいと感じた場合は、Labby と議論するか、ソリューションを確認してください。過去のデータによると、これは合格率が12%上級レベルのチャレンジです。

講師

labby
Labby
Labby is the LabEx teacher.

おすすめ

no data