> For the complete documentation index, see [llms.txt](https://ja.docs.monaca.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ja.docs.monaca.io/products_guide/shii-monaca-kuraudo-ide/kuo-zhang-ji-neng.md).

# 拡張機能

## 拡張機能

このガイドでは、拡張機能のインストール、有効化、無効化、更新、アンインストールなど、新しい IDE で拡張機能を管理する基本的な手順について説明します。

***

### 1. 拡張機能マーケットプレイスを開く

拡張機能を管理するには、次の通りです。

1. **アクティビティ バー** (左側のサイドバー) の **拡張機能** アイコンをクリックします。
2. **拡張機能マーケットプレイス** が開き、インストールされている拡張機能のリストが表示されます。

<figure><img src="/files/jD9hNDkApehbfG9emkEJ" alt="" width="519"><figcaption></figcaption></figure>

***

### 2. 拡張機能のインストール

1. **拡張機能マーケットプレイス** を開きます。
2. 上部の**検索バー** を使用して、目的の拡張機能を見つけます。
3. 検索結果から拡張機能をクリックします。
4. **インストール** をクリックして拡張機能をインストールします。
5. インストールの進行状況が表示され、完了すると拡張機能が使用できるようになります。

***

### 3. 拡張機能の有効化と無効化

#### 拡張機能の有効化

1. **拡張機能マーケットプレイス** を開きます。
2. **インストール済み** 拡張機能の下で拡張機能を見つけます。
3. 拡張機能が無効になっている場合は、**有効にする** をクリックします。
4. これで拡張機能がアクティブになります。

#### 拡張機能を無効にする

1. **拡張機能マーケットプレイス** を開きます。
2. **インストール済み** 拡張機能の下で拡張機能を見つけます。
3. **無効にする** をクリックして拡張機能を非アクティブ化します。
4. 拡張機能は無効になりますが、削除されません。

***

### 4. 拡張機能の更新

1. **拡張機能マーケットプレイス** を開きます。
2. インストールされている拡張機能の横に **更新** ボタンがあるかどうかを確認します。
3. **更新** をクリックして最新バージョンをインストールします。
4. 拡張機能は自動的に更新されます。

***

### 5. 拡張機能のアンインストール

1. **拡張機能マーケットプレイス** を開きます。
2. **インストール済み** 拡張機能の下で拡張機能を見つけます。
3. **アンインストール** をクリックします。
4. 拡張機能が IDE から削除されます。

***

### 例: Vue ファイルの構文強調表示を有効にする

この例では、**Vue - Official** 拡張機能を有効にして、Vue ファイルの構文強調表示を有効にします。

デフォルトでは、IDE は **HTML、CSS、JavaScript** などの基本的なファイル タイプに対してのみ構文強調表示を提供します。**Vue (`.vue`) ファイル** を開いた場合、構文強調表示は適用されません。

#### Vue 拡張機能をインストールする前に

下のスクリーンショットでは、**App.vue** ファイルが開かれていますが、構文は強調表示されていません。

<figure><img src="/files/tdoEJ2XTyJnCrwCNttl7" alt="" width="563"><figcaption></figcaption></figure>

#### Vue 拡張機能のインストール

Vue ファイルの構文強調表示を有効にするには、次の通りです。

1. **拡張機能マーケットプレイス** を開きます。
2. 検索バーに**Vue highlight**と入力します。
3. Vue に関連する拡張機能のリストが表示されます。
4. 説明を読んで、構文強調表示を提供する拡張機能を選択します。
5. 信頼性とセキュリティを確保するために、**ダウンロード数が多く、ユーザーからのフィードバックが肯定的** な拡張機能を探します。

<figure><img src="/files/esUdLiMggeA0q7AZLcam" alt="" width="563"><figcaption></figcaption></figure>

この場合、多くの開発者が使用する信頼できる拡張機能であるため、**Vue - Official**を選択しました。

#### 拡張機能の有効化

1. **インストール** をクリックし、インストールが完了するまで待ちます。
2. ブラウザを再読み込みして変更を適用します。
3. Vue ファイルを再度開いて、更新された構文の強調表示を確認します。

#### Vue 拡張機能をインストールした後

これで、**Vue 構文の強調表示** が適切に適用されます。

<figure><img src="/files/DZAFgqPXGZE7IFgmzhzV" alt="" width="563"><figcaption></figcaption></figure>

***

### 注記

* セキュリティと互換性を確保するため、インストールする前に必ず拡張機能の詳細を確認してください。
* 一部の拡張機能では、**ブラウザの再読み込み** または **IDE の再起動** が必要になる場合があります。
* 拡張機能が期待どおりに動作しない場合は、無効にしてから再度有効にしてみてください。
* 特定の拡張機能は、この IDE と完全に互換性がない場合があります。
* Freeプランのユーザーには、利用可能な拡張機能に制限がある場合があります。