まず、プロジェクトをビルドするために最初から公式サイトのnuxtに従って:
1.新しいプロジェクトディレクトリを作成します。
現在のプロジェクト2.新しいpackage.jsonは、nuxtを実行する方法を設定します:
3. nuxtをインストールし、NPM --save nuxtをインストール
4.以下は、私たちのプロジェクトのディレクトリ構造であります:
各ファイルの下に個別に対応する役割が言いました
ページ、各ページには、対応するルーティングです
コンポーネントディレクトリは、ここで私は頭、コンポーネントのパッケージである公共とカルーセルプラグインの公開および底面図をカプセル化します。
ここでは、サードパーティのプラグインとVUEを導入したときに異なるnuxt遭遇、我々はプラグインやnuxt.config.jsに次のことを行う必要があります。
でプラグインの新VUE-swiper.js
その後、プラグインnuzt.config.jsで使用するの設定
Swiperは、アセンブリ内で使用することができます
レイアウトレイアウト、我々は、プロジェクトの公共ヘッドと下部、中央のビューその
このようなプロジェクトが完了しnuxtです
結果は以下の通りであります: