More than 3 years have passed since last update.

Nuxtの環境準備

Last updated at 2020-07-10Posted at 2019-07-26

技術的にハマったり新しいことにチャレンジしたりすることは日常茶飯事ですけど、プロジェクトの立ち上げだけはその時にしかしないからなかなか覚えられないです。

パッケージで導入

yarnを使います。
yarnはnpmからインストールできます。

$ npm install yarn
$ yarn create nuxt-app

色々聞かれますが、Enter連打で問題ないです。
初期設定をやってくれているだけで後から変更効きます。
でも使いたいモジュールとかが決まってるなら、ここで選択しておいた方が楽です。

なんか勝手に環境作られると気持ち悪い。
自動化を受け入れられない。
詳細が分かってないと怖くて触れない。
っていう私みたいな人は、上みたいに雛型をダウンロードするんじゃなくて、地道に自分の手でインストールすることもできます。

$ mkdir プロジェクトディレクトリ
$ cd プロジェクトディレクトリ

nuxtの起動スクリプトをpackage.jsonに記入します。
起動時の引数とかここに記述しておくと後々幸せになれます。

package.json

{
  "name": "my-app",
  "scripts": {
    "dev": "nuxt"
  }
}

$ yarn add nuxt

$ mkdir pages

$ yarn dev