【整理と共有】Vue3開発に必要なVSCodeプラグイン6選-VSCode-php.cn

この記事では、開発に必要な Vue3 6 個の VSCode プラグインを紹介します。これらは、VSCode プラグイン センターから直接インストールして使用できます。皆さんのお役に立ちますように。

1. 【整理と共有】Vue3開発に必要なVSCodeプラグイン6選 153 万ダウンロード

VSCode を使用すると、 Vue2 を開発する学生は Vetur プラグインに精通している必要があります。Vue2 をサポートする VSCode プラグインとして、その主な機能は、Vue 単一ファイル コンポーネントの強調表示、構文サポート、および構文検出を提供することです。 (学習ビデオ共有: vue ビデオ チュートリアル )

Vue3 の正式バージョンのリリースに伴い、Vue チームは Vetur プラグインの代わりに 【整理と共有】Vue3開発に必要なVSCodeプラグイン6選 プラグインを正式に推奨します。 Vue3 言語の強調表示と文法検出をサポートするだけでなく、TypeScript および vue-tsc ベースの型チェック機能もサポートされます。

#使用時の注意:

競合を避けるために、最初に Vetur プラグインを無効にします。

css / less / scss を の言語として使用することをお勧めします。 vscode-css- language に基づくこのサービスは、信頼性の高い言語サポートを提供します;

postcss / stylus / sass# を使用する場合##、追加の構文強調表示拡張機能をインストールする必要があります。 postcss は language-postcss を使用し、stylus は language-stylus 拡張機能を使用し、sass は Sass 拡張機能を使用します。

【整理と共有】Vue3開発に必要なVSCodeプラグイン6選 には ESLint と Prettier が含まれておらず、公式の ESLint と Prettier 拡張機能は Vue をサポートしています。自分でインストールする必要があります。

2. Vue VSCode スニペット 152 万ダウンロード Vue VSCode スニペット プラグイン目的 開発者に Vue コード スニペットを生成するための最も簡単かつ迅速な方法を提供するために、さまざまなショートカット キーを使用して、さまざまなコード スニペットを

.vue ファイル内に迅速に生成できます。これは、単に Vue3 開発に必須のアーティファクトです。 このプラグインは、【整理と共有】Vue3開発に必要なVSCodeプラグイン6選、Vue2、および Vue3 をサポートします。

使用方法は次のとおりです。

新しい .vue ファイルを作成し、 vbase# と入力します。 ## すると、「生成されたテンプレートの内容:

vfor と入力して、 v-for# をすばやく生成します」というプロンプトが表示されます。 ## コマンド テンプレート: 入力 v3onmounted 迅速に生成

onMounted ライフ サイクル関数: 残りは説明しません。機能が強力すぎるため、よく使用されるショートカット キーが多数あります。詳細についてはドキュメントを確認してください。 3. 自動終了タグ

769 万ダウンロード 自動終了タグ プラグインは、非常に便利な VS です。コード拡張は生産性に大きな影響を与えます。名前が示すように、終了タグに閉じ括弧を入力すると、終了タグが追加されます。 HTML、ハンドルバー、XML、PHP、Vue、JavaScript、Typescript、JSX などをサポートしています。

4. Vue Peek

490,000 ダウンロード Vue Peek プラグインこれは Vue コード編集エクスペリエンスを拡張するために使用され、コンポーネントやモジュールによって定義されたファイルにすばやくジャンプできるようになります。

使用方法は次のとおりです。

コンポーネント ラベルを右クリックし、コンポーネント定義ファイルにジャンプします。

コンポーネント ラベルを右クリックすると、ポップアップ ウィンドウにコンポーネント定義ファイル

5 が表示されます。テーマ 340,000 ダウンロード

#Vue テーマ プラグインは、優れた Vue テーマを提供し、さまざまな色の構成もサポートしており、非常に優れています。

6. 【整理と共有】Vue3開発に必要なVSCodeプラグイン6選 89,000 ダウンロード

【整理と共有】Vue3開発に必要なVSCodeプラグイン6選 プラグインにより、プロジェクトを開くと、開発サーバーが自動的に起動し、開発者がエディターを離れることなくアプリケーションをプレビューおよびデバッグできるようになります。ワンクリックでのプロジェクトの開始、構築、再起動をサポートします。

概要 今回共有された 6 つのプラグインは、必要に応じてインストールして使用できます。

実用的な 【整理と共有】Vue3開発に必要なVSCodeプラグイン6選 および Vue VSCode スニペット プラグインを強くお勧めします。

VSCode の詳細については、 vscode チュートリアル をご覧ください。