130
159

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.

Windows の Node.js 開発環境構築 最小手順

Posted at

Node.js をの環境構築は Mac 環境だと割りとすんなり行くのですが、Windows 環境では npm install を行うとパッケージよってはビルドエラーが出まくって心がヘシ折れそうになります。

エラーが出ないようにするには事前の関連アプリケーションのインストールや環境設定が必要がありますが、ググってみると Visual Studio 2013 Express を入れろとか、いや、Visual Studio 2015 Community じゃないとダメだとか、64bit OS は Windows SDK いれろとか、npm のバージョンを上げろとか、いろんな方法が点在していて、必要最低限の設定がよく分からない状態でした。

そんな放浪の旅を続けていたら、いつの間にか Microsoft の公式ドキュメントができてました。
Microsoft + Node.js Guidelines - Configuring your Windows development environment

ちょうど社内向けに gulp.js を利用した開発環境の構築手順をマニュアル化する必要があったのでここにも記録残していきます。(ほとんど公式ドキュメントの写しですが…)
Windows7 と Windows10 の仮想環境上で動作確認済みです。

1. Git のインストール

公式サイト より最新版をダウンロード、インストールします。

  • インストール前にコマンドプロンプトで git --version と入力してバージョンが返ってきたらその環境にはインストール済みです。インストール済みの環境ではこの項目はスキップしてください。
  • インストール時にはデフォルト設定で良いです。"Use Git from the Windows Command Prompt" は必ず有効にしましょう。

2. Node.js のインストール

公式サイト よりLTS版(Ver.4.4.4 2016年5月19日現在)をダウンロード、インストールします。

  • インストール前にコマンドプロンプトで node -vnpm -v と入力してバージョンが返ってきたらその環境にはインストール済みです。インストール済みの環境ではこの項目はスキップしてください。
  • インストールはデフォルト設定でOKです。

3. .NET Framework 4.5.1 のインストール(Windows7 のみ)

公式サイト よりダウンロード、インストールします。

  • Windows7 以外の環境はこの項目はスキップしてください。

4. Visual C++ Build Tools のインストール

公式サイト よりダウンロード、インストールします。

  • インストールはデフォルト設定でOKです。

5. Python のインストール

公式サイト より 2.7 の最新版をダウンロード、インストールします。

  • インストール前にコマンドプロンプトで python --version と入力して 2.7.x のバージョンが返ってきたらその環境にはインストール済みです。インストール済みの環境ではこの項目はスキップしてください。
  • 3.x の最新版ではなく、2.7.x をインストールします。Node.js が参照するライブラリが 2.7 を前提としているためです。
  • インストール時に "Add python.exe to Path" を有効にしてパスを通しておきましょう。

6. npm 標準オプションの変更

以下内容をコマンドプロンプトで入力します。

npm config set python python2.7
npm config set msvs_version 2015

以上で開発環境の事前準備は完了です。
エラーの出ないnpm install をお楽しみください!

130
159
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
130
159

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?