vscode で vue を記述するときに構文強調表示がない場合はどうすればよいですか?

解決策: 1. vscode を開き、拡張機能をクリックします; 2. 開いたウィンドウで Vetur プラグインを検索してインストールします; 3. トップメニューで、[ファイル] - [環境設定] - をクリックします。 「設定」-「ユーザー」-「テキスト エディター」で、「setting.json」ファイルを見つけて編集します。 4. 構成ファイルで「files.associations」を見つけて、対応するコードを追加し、ファイルを保存します。 5. . vscodeを再起動するとできます。

このチュートリアルの動作環境: Windows7 システム、vue3&&Visual Studio Code バージョン 1.74.0、DELL G3 コンピューター。

#vscode は vue 構文の強調表示を設定します

1. エディターに Vetur プラグインをインストールします

1.1.

vs コード エディターを開き、次に示すように、左側の拡張関数をクリックします (

1.2)。拡張機能ウィンドウ

Vetur で、以下に示すように、検索されたプラグインから Install を選択します。

1.3.以下に示すように、インストールが成功しました。 図:

##2. エディターで関連情報を設定します。 #2.1. VScode エディターを開き、トップメニュー:[ファイル]->環境設定->設定英語版:

ファイル->環境設定->設定設定

##2.2、ユーザー

#->

## テキスト エディター

、ドロップダウンして setting.json の を検索して編集します。英語版: 中国語版:

2.3. 設定内で files.associations を見つけ、対応するコードを追加して、

を保存します。英語版: 右側 赤いボックスにコードを入力してください

中国語版:

2.4. 閉じる vsコードを開き、再度開くと、以下に示すようにコードが強調表示されます。

[関連する推奨事項:

vuejs ビデオ チュートリアル 、

Web フロント-開発を終了

]

以上がvscode で vue を記述するときに構文強調表示がない場合はどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。