Nuxt.jsに入門したいので、ひな形の作成からはじめました。
バージョン情報
- npm 5.6.0
- yarn 1.5.1
手順
ターミナルを開いて、下記のコマンド実行する。
$ npm i -g @vue/cli @vue/cli-init
Vue CLIが正しくインストールされていることを確認する。
$ vue -V 3.0.3
vue initコマンドでVue.jsのひな形を作成する。
vue initコマンド後に色々と聞かれるが、特にこだわりがなければ全部EnterでOK。
$ vue init nuxt-community/starter-template <project-name>
上記のコマンドでは、nuxt-community/starter-templateというスターターテンプレートを使用して、Vue.jsのプロジェクトを作成している。
$ cd <project-name> $ yarn # npm iでも可、パッケージのインストールを行なっている $ yarn dev # npm run dev でも可
上記のコマンド実行後に、ブラウザでhttp://localhost:3000を開くと下記のNuxt.jsのデフォルト画面が表示される。
