ホームページ  >  記事  >  ウェブフロントエンド  >  Vue 開発にはどのようなツールが使用されますか?

Vue 開発にはどのようなツールが使用されますか?

青灯夜游
青灯夜游オリジナル
2022-12-23 14:25:4811315ブラウズ

Vue 開発ツールには次のものが含まれます: 1. BootstrapVue (Vue 用の Bootstrap インターフェイスの構築に使用されるオープン ソース ライブラリ)、2. VueX (Vue アプリケーションの状態管理ライブラリ)、3. Vue Devtools、4. Vue CLI; 5. Vue Router; 6. Vuetifyjs; 7. Nuxt Js; 8. Vue Element Admin; 9. Vue Apollo; 10. Element UI; 11. Quasar など

Vue 開発にはどのようなツールが使用されますか?

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


vue 開発ツール

1. BootstrapVue

は、Vuejs の Bootstrap インターフェイスを構築するために使用されます。オープンソースライブラリ。

Vue 開発にはどのようなツールが使用されますか?

リンク https://bootstrap-vue.org/

2、VueXVue.js アプリケーションの状態管理ライブラリ。

Vue 開発にはどのようなツールが使用されますか?##リンク https://vuex.vuejs.org/


3. Vue Devtools

この拡張機能により、vuejs プロジェクトのデバッグが可能になります早くて簡単になります。

Vue 開発にはどのようなツールが使用されますか?リンク https://devtools.vuejs.org/

4、Vue CLI

Vuejs 開発者をよりシンプルなツールにする標準。

Vue 開発にはどのようなツールが使用されますか?リンク https://cli.vuejs.org/


5. Vue Router

直感的で強力な構文を使用する静的ルーティングと動的ルーティングを定義します。

Vue 開発にはどのようなツールが使用されますか?リンク https://router.vuejs.org/

6、Vuetifyjs

マテリアル デザインの構築に役立つオープン ソース ライブラリVuejsインターフェイス。

Vue 開発にはどのようなツールが使用されますか?リンク https://vuetifyjs.com/en/

7、Nuxt Js

Web 開発を可能にするオープンソース フレームワークシンプルでありながら強力であること。

##リンク https://nuxtjs.org/Vue 開発にはどのようなツールが使用されますか?

8、Vue Element Admin

シンプルな管理インターフェイスの構築に役立ちます。には、Web サイトの管理に必要な機能が多数含まれています。

リンク https://github.com/PanJiaChen/vue-element-adminVue 開発にはどのようなツールが使用されますか?

9、Vue Apollo

設定GraphQL を使用して vuejs プロジェクトを簡単に作成できます。

リンク https://vue-apollo.netlify.app/Vue 開発にはどのようなツールが使用されますか?

10、要素 UI

は Vue プロジェクト インターフェイスに使用されます開発UIライブラリ。

リンク https://element.eleme.io/#/en-USVue 開発にはどのようなツールが使用されますか?

11、Quasar

Quasar SPA (シングル ページ アプリケーション)、SSR (サーバー サイド レンダリング アプリケーション)、PWA (プログレッシブ Web アプリケーション) の構築に役立つオープン ソースの vuejs フレームワーク

# リンク https: //quasar.dev/1Vue 開発にはどのようなツールが使用されますか?

12、言語 Vue

は Atom 開発用の Vuejs ユーティリティをサポートします。

リンク https://atom.io/packages/ language-vue1Vue 開発にはどのようなツールが使用されますか?

13、VuePress

VuePress は Vue ドライバー静的ですウェブサイト ジェネレーター

リンク https://v2.vuepress.vuejs.org/1Vue 開発にはどのようなツールが使用されますか?

14、Vuejs ガイド

Vuejs 開発誰でもできる完全かつ詳細なガイド。

リンク https://vuejs.org/guide/introduction.html1Vue 開発にはどのようなツールが使用されますか?

15、Vue Select

はコンポーネント選択の構築に役立ちます、vuejs 開発者に便利な機能を提供します。

リンク https://vue-select.org/1Vue 開発にはどのようなツールが使用されますか?

16、Vueuse

Vue 2 と Vue 3 を収集するコンポーネントに必要なユーティリティ。

リンク https://vueuse.org/1Vue 開発にはどのようなツールが使用されますか?

17、VeeValidate

Vuejs でのフォーム検証のためのツール。

1Vue 開発にはどのようなツールが使用されますか?

リンク https://vee-validate.logaretm.com/v4/

18、Vant

モバイル UI インターフェイス生成ツール図書館。

1Vue 開発にはどのようなツールが使用されますか?

#リンク https://vant-contrib.gitee.io/vant/#/en-US

19、Vue ネイティブJavaScript フレームワークは、クロスプラットフォームのネイティブ モバイル アプリケーションの構築に役立ちます。

1Vue 開発にはどのようなツールが使用されますか?

リンク https://vue-native.io/


20、Vue-metaVuejs プロジェクトの Cmetaタグマネージャー。

Vue 開発にはどのようなツールが使用されますか?

リンク https://vue-meta.nuxtjs.org/

21、Vue I18n プラグインは貢献に役立ちますプロジェクトに国際化機能を追加しました。

2Vue 開発にはどのようなツールが使用されますか?

リンク https://kzpon.github.io/vue-i18n/

22、Vue 無限ロード のために作成されましたウェブサイトの無限スクロール機能。

2Vue 開発にはどのようなツールが使用されますか?

リンク https://peachscript.github.io/vue-infinite-loading/

23. Gridsomeこのツールは静的 Web サイトとアプリケーションの構築が迅速かつ簡単になります。

2Vue 開発にはどのようなツールが使用されますか?

リンク https://gridsome.org/


24、ViteVite は、次の目的で設計されたビルド ツールです。最新の Web プロジェクト向けに、より高速かつ合理化された開発エクスペリエンスを提供します。

2Vue 開発にはどのようなツールが使用されますか?

リンク https://vitejs.dev/


25、Vue-multiselect オープン ソース ライブラリ、ヘルプWeb サイト 複数選択機能を構築します。

2Vue 開発にはどのようなツールが使用されますか?

リンク https://vue-multiselect.js.org/

26、Vetur は VS Code での更新に使用されますvuejs の開発とデバッグに適した拡張機能です。

2Vue 開発にはどのようなツールが使用されますか?

リンク https://marketplace.visualstudio.com/items?itemName=octref.vetur

27、Vuejs の例Vuejsインターフェース開発のサンプル集。

2Vue 開発にはどのようなツールが使用されますか?

リンク https://vuejsexamples.com/

28、Visual Studio コード エディター

Visual Studio Code (VS Code) は、Microsoft によって発売された無料のオープン ソース エディターであり、発売後すぐに人気が高まり、開発者に好まれました。フロントエンド開発者は、強力なエディタを使用して開発をシンプル、便利、効率的に行うことができます。本書では、VS Code エディタに基づいて説明することにしました。

VS コードエディタには次のような特徴があります。

(1) 軽くて高速で、システム リソースの使用量が少なくなります。

(2) 構文の強調表示、インテリジェントなコード補完、カスタム ショートカット キー、コード マッチングなどの機能があります。

(3) クロスプラットフォーム。開発者ごとに、作業のニーズに合わせてプロジェクト開発作業を実行するために異なるプラットフォームを選択するため、エディターの使用範囲がある程度制限されます。 VSCode エディターはクロスプラットフォーム (Mac、Windows、Linux をサポート) であるだけでなく、使い方も非常に簡単です。

(4) テーマのインターフェースのデザインがよりユーザーフレンドリーになりました。たとえば、直接開発するファイルをすばやく見つけたり、分割画面でコードを表示したり、テーマの色をカスタマイズしたり (デフォルトは黒)、最近開いたプロジェクト ファイルをすばやく表示したり、プロジェクト ファイルの構造を表示したりすることもできます。

(5) 豊富なプラグインを提供します。 VSCode にはプラグイン拡張機能が用意されており、ユーザーは必要に応じてダウンロードしてインストールすることができ、インストールと設定が成功した後にエディタを再起動するだけで、このプラグインが提供する機能を使用できます。

29、git-bash コマンド ライン ツール

Vue を開発するとき、npm (パッケージ マネージャー)、vue-cli (スキャフォールディング) などのいくつかのコマンドをよく使用します。 、これらのコマンドはコマンド ラインから使用する必要があります。 git-bash は、git (バージョン マネージャー) で提供されるコマンド ライン ツールで、Windows システムに組み込まれている cmd コマンド ライン ツールに似ていますが、ユーザー エクスペリエンスはよりフレンドリーです。実際の開発では、cmd の代わりに git-bash ツールが使用されることがよくあります。次にgit-bashのインストール手順を説明します。

(1) git for windows 公式 Web サイトを開き、以下に示すように git インストール パッケージをダウンロードします。

Vue 開発にはどのようなツールが使用されますか?

(2) 以下に示すように、ダウンロードしたインストール プログラムをダブルクリックしてインストールします。

Vue 開発にはどのようなツールが使用されますか?

(3) [次へ] をクリックします。 " ボタンをクリックし、プロンプトに従ってインストールし、デフォルト値を使用します。

(4) インストールが成功したら、git-bash を起動します。

Vue 開発にはどのようなツールが使用されますか?

30. WebStorm

WebStorm は、JetBrains が所有する JavaScript 開発ツールです。中国の JS 開発者の大多数からは、「Web フロントエンド開発成果物」、「最も強力な HTML5 エディター」、「最もインテリジェントな JavaScript IDE」などとして賞賛されています。 IntelliJ IDEA と同じ起源を持ち、IntelliJ IDEA の強力な JS 部分の機能を継承しています。

31. Node.js

Node.js は、Chrome V8 エンジンに基づく JavaScript 実行環境であり、サーバー側で JavaScript を実行できます。

[関連する推奨事項: vuejs ビデオ チュートリアルWeb フロントエンド開発]

以上がVue 開発にはどのようなツールが使用されますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。