検索
ホームページウェブフロントエンドフロントエンドQ&AVue 開発にはどのようなツールが使用されますか?

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 までご連絡ください。
分享两个可以绘制 Flowable 流程图的Vue前端库分享两个可以绘制 Flowable 流程图的Vue前端库Sep 07, 2022 pm 07:59 PM

前端有没有现成的库,可以直接用来绘制 Flowable 流程图的?下面本篇文章就跟小伙伴们介绍一下这两个可以绘制 Flowable 流程图的前端库。

vue是前端css框架吗vue是前端css框架吗Aug 26, 2022 pm 07:37 PM

vue不是前端css框架,而是前端JavaScript框架。Vue是一套用于构建用户界面的渐进式JS框架,是基于MVVM设计模式的前端框架,且专注于View层。Vue.js的优点:1、体积小;2、基于虚拟DOM,有更高的运行效率;3、双向数据绑定,让开发者不用再去操作DOM对象,把更多的精力投入到业务逻辑上;4、生态丰富、学习成本低。

聊聊Vue3+qrcodejs如何生成二维码并添加文字描述聊聊Vue3+qrcodejs如何生成二维码并添加文字描述Aug 02, 2022 pm 09:19 PM

Vue3如何更好地使用qrcodejs生成二维码并添加文字描述?下面本篇文章给大家介绍一下Vue3+qrcodejs生成二维码并添加文字描述,希望对大家有所帮助。

手把手带你利用vue3.x绘制流程图手把手带你利用vue3.x绘制流程图Jun 08, 2022 am 11:57 AM

利用vue3.x怎么绘制流程图?下面本篇文章给大家分享基于 vue3.x 的流程图绘制方法,希望对大家有所帮助!

一文深入详解Vue路由:vue-router一文深入详解Vue路由:vue-routerSep 01, 2022 pm 07:43 PM

本篇文章带大家详解Vue全家桶中的Vue-Router,了解一下路由的相关知识,希望对大家有所帮助!

通过9个Vue3 组件库,看看聊前端的流行趋势!通过9个Vue3 组件库,看看聊前端的流行趋势!May 07, 2022 am 11:31 AM

本篇文章给大家分享9个开源的 Vue3 组件库,通过它们聊聊发现的前端的流行趋势,希望对大家有所帮助!

手把手带你使用Vue开发一个五子棋小游戏!手把手带你使用Vue开发一个五子棋小游戏!Jun 22, 2022 pm 03:44 PM

本篇文章带大家利用Vue基础语法来写一个五子棋小游戏,希望对大家有所帮助!

手把手带你了解VUE响应式原理手把手带你了解VUE响应式原理Aug 26, 2022 pm 08:41 PM

本篇文章我们来了解 Vue2.X 响应式原理,然后我们来实现一个 vue 响应式原理(写的内容简单)实现步骤和注释写的很清晰,大家有兴趣可以耐心观看,希望对大家有所帮助!

See all articles

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

このプロジェクトは osdn.net/projects/mingw に移行中です。引き続きそこでフォローしていただけます。 MinGW: GNU Compiler Collection (GCC) のネイティブ Windows ポートであり、ネイティブ Windows アプリケーションを構築するための自由に配布可能なインポート ライブラリとヘッダー ファイルであり、C99 機能をサポートする MSVC ランタイムの拡張機能が含まれています。すべての MinGW ソフトウェアは 64 ビット Windows プラットフォームで実行できます。

SublimeText3 英語版

SublimeText3 英語版

推奨: Win バージョン、コードプロンプトをサポート!

EditPlus 中国語クラック版

EditPlus 中国語クラック版

サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

VSCode Windows 64 ビットのダウンロード

VSCode Windows 64 ビットのダウンロード

Microsoft によって発売された無料で強力な IDE エディター

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

強力な PHP 統合開発環境