Nuxt.jsをインストールする

f:id:jun9632:20180613104804p:plain

Nuxtをインストールしていきます。

今回は、nuxt_testというプロジェクト名で作るようになっていますが、適宜変更してください。

また、vue-cliを使っていますが、

インストールしていなければ、下記でインストールすることができます。

npm install -g vue-cli

インストール方法

スターターテンプレートでインストールしています。

途中、Project nameやProject description、Authorなど聞かれますが、用途に合わせて設定してください。

vue init nuxt-community/starter-template nuxt_test

インストールが完了したら、パッケージをインストールします。

cd nuxt_test
npm install

以上です。

プロジェクトの起動は以下です。

npm run dev

http://localhost:3000　で確認することができます。

こんな画面がでれば成功です。

f:id:jun9632:20180613104623p:plain