【Nuxt.js】WebアプリSHISHOWを開発したときの備忘録②Nuxt.js導入編

Nuxt.jsの導入

npmはすでに導入されているものとします。

npx create-nuxt-appで新しくプロジェクトを開始します。

npx create-nuxt-app shishow

create-nuxt-app v2.10.1
✨  Generating Nuxt.js project in shishow
? Project name shishow
? Project description My legendary Nuxt.js project
? Author name Papillon6814
? Choose the package manager Npm
? Choose UI framework None
? Choose custom server framework None (Recommended)
? Choose Nuxt.js modules (Press <space> to select, <a> to toggle all, <i> to invert selection)
? Choose linting tools (Press <space> to select, <a> to toggle all, <i> to invert selection)
? Choose test framework None
? Choose rendering mode Universal (SSR)
? Choose development tools jsconfig.json (Recommended for VS Code)

サーバーサイドレンダリングがしたかったのでSSRの方を選んでいます。
今回はCSSフレームワークも使っていません。

cd shishow

そしてshishowディレクトリに移動して，

npm run dev

npm run devコマンドでプロジェクトを起動します。
npm run buildコマンドは，プロジェクトをfirebaseに
アップロードするときに使ったのでこの時は使わなくても大丈夫でした。

第3回に続きます。