中安拓也のブログ

プログラミングについて書くブログ

NOTエンジニアPC(Windows7)にIonic2を入れる

プログラミング Angular Ionic

開発に使っていないPCにIonic2を入れようとしたら、時間がかかったので、つまづいた部分をメモ。

開発環境

  • OS: Windows7 64bit
  • Ionic version: 2.0.0-beta.11
  • Ionic CLI version: 2.0.0

Ionic2環境構築手順

  1. Node.jsのインストール
  2. Gulp、Typingsのインストール
    npm install -g gulp typings
  3. Ionic2とCordovaのインストール(Ionicは諸事情により古いバージョン)
    npm install -g ionic@2.0.0 cordova
  4. 過去にIonic2で作成したプロジェクトに移動して、ライブラリをインストール
    npm install
  5. Ionicアプリを起動
    ionic serve

つまづいた点

  • 手順4のnpm installで下記2点のエラーが発生
    • Python2.7が見つかりません
    • WindowsSDK8.1が見つかりません
      error MSB8036: The Windows SDK version 8.1 was not found. Install the required version of Windows SDK or change the SDK version in the project property pages or by right-clicking the solution and selecting "Retarget solution".

対応策

  • Python2.7が見つかりません

    1. Python2.7.xをダウンロードしてインストール(環境変数も設定)
    2. コマンドプロンプトでnpm config set python python2.7を実行
    3. npm config listで正常に設定されていることを確認

  • WindowsSDK8.1が見つかりません

    1. Visual Studio 2015がインストール済みの場合、Visual Studioのアンインストールが必要
    2. VC++ Build Tools Technical Previewのインストールを実施
    3. カスタムインストールを選択してWindows 8.1 SDKとWindows 10 SDKのチェックを入れる
    4. コマンドプロンプトを起動してnpm config set msvs_version 2015 --globalを実行
    5. npm config listで正常に設定されていることを確認

http://landinghub.visualstudio.com/visual-cpp-build-toolslandinghub.visualstudio.com

参考サイト

overmorrow.hatenablog.com