LoginSignup
3
11

More than 5 years have passed since last update.

@shanonim

【Nuxt.js】create-nuxt-appでNuxt.js(v2.0.0)を始める

Last updated at Posted at 2018-09-27

まったく真っ白の状態からNuxt.jsで作ったサンプルアプリを動かすまでの記録です。

1. yarnのinstall

🚀$ brew install yarn

2. create-nuxt-appのinstall

Nuxt.jsのプロジェクトを対話形式で作成できるコマンドラインツールです。
https://github.com/nuxt-community/create-nuxt-app

サーバサイドとUIのframeworkを選べたり、最初からaxiosやESLintをガッと入れてくれます。大変たすかる。
image.png
🚀$ yarn global add create-nuxt-app
image.png

3. Nuxt.jsプロジェクトの作成

🚀$ create-nuxt-app NuxtSample
image.png

4. Nuxt.jsプロジェクトの起動

🚀$ cd NuxtSample
🚀$ yarn run dev
image.png

🚀ブラウザでhttp://127.0.0.1:3000/にアクセス
スクリーンショット 2018-09-27 16.01.15.png

Nuxtのバージョンも2.0.0になっています。
スクリーンショット 2018-09-27 16.13.29.png

まとめ

Nuxt.jsプロジェクトの開発はcreate-nuxt-appで爆速スタート!!🚀

参考リンク

3
11
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
3
11