はじめに
これから nuxt.js 開発をWindows上で行おうとされる方向けに、環境構築手順をまとめました。
構築手順
1. node.jsインストール
こちらからダウンロードしてインストールします。
https://nodejs.org/ja/
インストール後、実行PATHを認識させるために WindowsOS を再起動させたほうがよいかも。あるいはコマンドプロンプトで set path=%path%;C:\Program Files\nodejs
を発行します。(yarn create
コマンドで node.exe が呼ばれます)
2. yarnインストール
こちらからダウンロードしてインストールします。
https://yarnpkg.com/ja/docs/install
3. プロジェクト作成
コマンドプロンプトを起動します。cd コマンドでカレントディレクトリを任意に設定して、つぎのコマンドでプロジェクトを作成します。
cd <プロジェクトディレクトリを作成するディレクトリ>
yarn create nuxt-app <project name>
いくつか聞かれる内容に答えると、プロジェクトが作成されます。
プロジェクト構築後
実行
cd コマンドでプロジェクトのあるフォルダへカレントディレクトリを移動したのち、次のコマンドで初期展開状態のプロジェクトを実行できます。実行時にコンソールに表示されますが、ブラウザから http://localhost:3000/ へアクセスすることでプロジェクトの出力が表示されます。
cd <プロジェクトディレクトリ>
yarn dev
ビルドして実行させるには、cd コマンドでプロジェクトのあるフォルダへカレントディレクトリを移動したのち、次のコマンドを発行します。
cd <プロジェクトディレクトリ>
yarn build
yarn start
TypeScript導入
こちらの記事が参考になります(感謝!!)
https://qiita.com/HeRo/items/56308a38388a05bdd550