ホームページ  >  記事  >  開発ツール  >  VSCode が公式のスキャフォールディングを使用して新しいプラグインを作成する方法を学びます

VSCode が公式のスキャフォールディングを使用して新しいプラグインを作成する方法を学びます

青灯夜游
青灯夜游転載
2021-11-08 10:31:312536ブラウズ

この記事では、VSCode プラグインの公式スキャフォールディングをインストールし、そのスキャフォールディングを使用して新しい VSCode プラグインを作成する方法を説明します。

VSCode が公式のスキャフォールディングを使用して新しいプラグインを作成する方法を学びます

まず、vscode で公式に許可されている操作を見てみましょう。

Extension API

Visual Studio Code は拡張性を念頭に置いて構築されています。 UI から編集エクスペリエンスに至るまで、VS Code のほぼすべての部分は、拡張 API を通じてカスタマイズおよび拡張できます。実際、VS Code のコア機能の多くは extensions として構築されており、同じ拡張機能 API を使用します。 [推奨学習: 「vscode チュートリアル」]

このドキュメントでは次の内容について説明します:

コード サンプルは、リンクの Microsoft/vscode-extension-samples で入手できます:

  • https: //github.com/microsoft/vscode-extension-samples

公開された拡張機能をお探しの場合は、VS Code 拡張機能マーケット (リンク:

#) にアクセスしてください。
  • ##https://marketplace.visualstudio.com/vscode

拡張機能で何ができるのですか?

拡張機能 API を使用して実現できることの例をいくつか示します:

    色またはファイル アイコン テーマを使用して VS Code の外観を変更する -
  • Themes
  • UI にカスタム コンポーネントとビューを追加する -
  • ワークベンチを拡張する #HTML/CSS/JS で構築されたカスタム Web ページを表示する Web ビューを作成する -
  • Webview ガイド
  • 新しいプログラミング言語のサポート -
  • 言語拡張機能の概要
  • 特定のランタイムのデバッグのサポート-
  • デバッガー拡張機能ガイド
  • 拡張機能 API をより完全に理解したい場合は、
拡張機能の概要

ページを参照してください。 拡張ガイドの概要 コード サンプルと、さまざまな拡張 API の使用方法を説明するガイドのリストも含まれています。

1. VSCode プラグインの公式スキャフォールディングをインストールします

npm install -g yo generator-code

2. スキャフォールディングを使用します

yo code

VSCode が公式のスキャフォールディングを使用して新しいプラグインを作成する方法を学びます好みに応じて 1 または 2 を選択します。新しいスキャフォールディング プロジェクトが完了したら、プロジェクト ディレクトリに cd し、

code .

を使用して vscode でディレクトリを開きます。

3. プラグイン プロジェクトを実行してデバッグします

F5 キーを押してプラグインをデバッグし、「

hello world

」と入力します。 # 新しいウィンドウで

VSCode が公式のスキャフォールディングを使用して新しいプラグインを作成する方法を学びます

VSCode が公式のスキャフォールディングを使用して新しいプラグインを作成する方法を学びます

VSCode が公式のスキャフォールディングを使用して新しいプラグインを作成する方法を学びます##vs コードの API ドキュメント

https: //code.visualstudio .com/api/extension-capabilities/overview

プログラミング関連の知識については、

プログラミング教育
をご覧ください。 !

以上がVSCode が公式のスキャフォールディングを使用して新しいプラグインを作成する方法を学びますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はjuejin.cnで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。