プロジェクト in JavaScript Skill Tree

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

初級

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

GitJavaScriptTypeScript

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

はじめに

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

👀 プレビュー

拡張機能のプレビュー

🎯 タスク

このプロジェクトで学ぶことは以下の通りです。

  • TypeScriptを使ってVSCode拡張機能の足場を作成する方法
  • TypeScriptをNode.jsとVSCode設定と統合する方法
  • 選択されたMarkdownテキストの見出しレベルを調整するコア機能を開発する方法
  • 拡張機能のビルド、デバッグ、実行に必要な設定ファイルを作成する方法

🏆 成果

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

  • TypeScriptを使ってVSCode拡張機能を設計・開発する
  • VSCode環境内でのユーザーインタラクションとテキスト選択を処理する
  • Markdown構文を解析して操作する
  • プロジェクト内で複数のファイルを生成・管理する
  • シームレスな開発のためにTypeScript、Node.js、VSCodeを設定する

講師

labby

Labby

Labby is the LabEx teacher.