nuxt tutor 2

nuxt-チューター-2

ビルドセットアップ

 # install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

動作の詳細については、ドキュメントを参照してください。

特別なディレクトリ

次の追加ディレクトリを作成できますが、その一部には特別な動作があります。 pagesのみが必要です。機能を使用したくない場合は削除できます。

assets

アセット ディレクトリには、Stylus や Sass ファイル、画像、フォントなどのコンパイルされていないアセットが含まれています。

このディレクトリの使用方法の詳細については、ドキュメントを参照してください。

components

コンポーネント ディレクトリには、Vue.js コンポーネントが含まれています。コンポーネントはページのさまざまな部分を構成し、再利用したり、ページ、レイアウト、さらには他のコンポーネントにインポートしたりできます。

このディレクトリの使用方法の詳細については、ドキュメントを参照してください。

layouts

レイアウトは、サイドバーを含める場合でも、モバイルとデスクトップで異なるレイアウトを使用する場合でも、Nuxt アプリのルック アンド フィールを変更する場合に非常に役立ちます。

このディレクトリの使用方法の詳細については、ドキュメントを参照してください。

pages

このディレクトリには、アプリケーションのビューとルートが含まれています。 Nuxt は、このディレクトリ内のすべての*.vueファイルを読み取り、Vue Router を自動的にセットアップします。

このディレクトリの使用方法の詳細については、ドキュメントを参照してください。

plugins

plugins ディレクトリには、ルート Vue.js アプリケーションをインスタンス化する前に実行する JavaScript プラグインが含まれています。ここは、Vue プラグインを追加したり、関数や定数を挿入したりする場所です。 Vue.use()を使用する必要があるたびに、 plugins/にファイルを作成し、そのパスをnuxt.config.jsのプラグインに追加する必要があります。

このディレクトリの使用方法の詳細については、ドキュメントを参照してください。

static

このディレクトリには静的ファイルが含まれます。このディレクトリ内の各ファイルは/にマップされます。

例: /static/robots.txtは/robots.txtとしてマップされます。

このディレクトリの使用方法の詳細については、ドキュメントを参照してください。

store

このディレクトリには Vuex ストア ファイルが含まれています。このディレクトリにファイルを作成すると、Vuex が自動的にアクティブになります。

このディレクトリの使用方法の詳細については、ドキュメントを参照してください。