# 拡張機能

## 拡張機能

このガイドでは、拡張機能のインストール、有効化、無効化、更新、アンインストールなど、新しい 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プランのユーザーには、利用可能な拡張機能に制限がある場合があります。


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://ja.docs.monaca.io/products_guide/shii-monaca-kuraudo-ide/kuo-zhang-ji-neng.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.