vue とブートストラップの使用の間に競合はありますか?

vue とブートストラップの使用には矛盾はありません。ブートストラップを使用すると、vue テンプレートを作成するときに開発効率を向上させることができます。組み合わせて使用​​する必要がある場合は、BootstrapVue フレームワークを使用できます。 Vue 用にブートストラップによって特別に開発されたフレームワーク。

このチュートリアルの動作環境: Windows 10 システム、ブートストラップ バージョン 3.3.7、DELL G3 コンピューター

vue とブートストラップの使用

Vue 作成テンプレートはブートストラップを使用して開発効率を向上させることができます

組み合わせて使用​​する場合は、BV フレームワークを使用することをお勧めします  ブートストラップはvue 用に特別に開発されたフレームワーク

BootstrapVue は、Bootstrap v4 Vue.js のフロントエンド UI フレームワークに基づいています。 Vue.js フレームワーク自体を学ぶための入門フレームワークとして、BootstrapVue は非常に優れていると思います。 Bootstrap フレームワーク自体は軽量で習得が簡単で、多くのサードパーティのプラグインやテーマ スタイルとともに世界中で非常に人気があります。進歩的なフレームワークである Vue.js のコア ライブラリはビュー レイヤーのみに焦点を当てており、開始が簡単であるだけでなく、サードパーティ フレームワークや既存のプロジェクトとの統合も簡単です。

BootstrapVue フレームワークのインストール手順

準備作業、Vue CLI のインストール

Vue CLI パッケージ名が vue-cli から @vue/cli に変更されました。 vue-cli の古いバージョン (1.x または 2.x) がインストールされている場合は、最初に古いバージョンを削除する必要があります:

npm uninstall -g vue-cli

それから新しいバージョンをインストールします:

npm install -g @vue/cli

vue のバージョンを確認します。

vue --version

3.x が表示された場合は、インストールが正しく行われていることを意味します。

新しい Vue プロジェクト

vue create bootstrapvue-demo

プロンプトが表示されたら、プリセットを選択し、デフォルトのデフォルトを選択して Enter を押します。

Vue プロジェクトを実行します

cd bootstrapvue-demo
npm run serve

関連する推奨事項: ブートストラップ チュートリアル

以上がvue とブートストラップの使用の間に競合はありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。