Visual Studio Code 拡張機能開発
- サンプル¥ 0
- 製品版(v4.0.0)¥ 750
Visual Studio Code(以下、VS Code)拡張機能開発についてまとめた資料です。 本書は、拡張機能開発の基本的なところを解説した後に、拡張機能のサンプルとその実装の解説をしていくという構成になっています。 拡張機能開発について網羅的な解説はしていないので、ご購入の際はご注意ください。 内容については、今後も拡充していけたらと考えています。 内容の拡充の際は、販売価格を改定する可能性があることをご承知おきください。
内容
第 1 章 拡張機能開発の Hello World ・プロジェクトを作成する ・拡張機能を実行する 第 2 章 拡張機能開発の基本 ・プロジェクトの構成 ・package.json ・extension.ts 第 3 章 現在時刻をドキュメントに挿入する ・コマンドパレットに拡張機能を表示する ・ユーザーにコマンドのオプションを選択してもらい、 その値に応じた処理をする ・編集中のドキュメントに任意の文字列を挿入する 第 4 章 ツリービューで選択したフォルダを新しいウインドウで開く ・コンテキストメニューからコマンドを実行する ・コマンドパレットからコマンドを実行できないようにする ・Built-in コマンドを実行する 第 5 章 選択したファイルをmarkdownのリンク又は埋め込み画像形式の記述に変換してドキュメントに挿入する ・ユーザーの入力値を取得する ・ワークスペースフォルダ配下のファイルを検索する 第 6 章 Git のコンフィグを設定する ・拡張機能の設定をユーザー設定に保存する ・ユーザー設定から拡張機能の設定を取得する ・拡張機能からターミナルを操作してコマンドを実行する 第 7 章 CSV のプレビューを表形式で表示する ・任意の拡張子のファイルが開かれている時だけ、 コマンドを実行可能にする ・Webview を用いて任意のビューを表示する ・Webview に CSS を適用する 総ページ数:48
サンプルコード
本書掲載の拡張機能サンプルのソースコードは下記のリンク先にて公開しています。 https://github.com/jiri3/vscode-extension-practice
サンプル版について
サンプル版は、第3章まで掲載しています。
今後の予定
・拡張機能のサンプル実装とその解説を追記していきます。 Custom Editorを解説する予定です。 ・表紙を追加したいです。
更新履歴
・2020/11/06 v2.0.0 ・2020/11/26 v3.0.0 「Git のコンフィグを設定する」章を追加しました。 拡張機能からターミナルを操作してコマンドを実行する方法や拡張機能の設定をユーザー設定に保存する方法について記載しています。 ・2020/12/01 v4.0.0 「CSVのプレビューを表形式で表示する」章を追加しました。 Webviewを用いて任意のビューを表示する方法や WebviewにCSSを適用する方法について記載しています。