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回に続きます。