1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

3ステップ nuxt.js 開発環境構築 for Windows

Last updated at Posted at 2019-10-31

はじめに

これから 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

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?