Nodejs+cardova+ionicインストール環境(継続的な更新)


インストール環境:Ubuntu 14.04 64-bit
  • NodeJsインストール公式サイトhttps://nodejs.org速度が遅すぎます.https://npm.taobao.org/dist以下の対応バージョンでダウンロードできます:node-v 4.2.1-linux-x64.tar.gz解凍binディレクトリの表示:node,npm.$Node/binこのディレクトリをPATHに追加するか、node,npmを/usr/binのnode-vにリンクしてインストールに成功したかどうかを確認し、NodeJsはこのインストールで完了した.

  • 1.1 npmのモジュールグローバルインストールディレクトリを構成する(一応スキップ):
    #npm config lsの構成を先に表示
    #npm config set prefix'~/nodejs/module'の設定
    #PATHに{prefix}/bin、すなわち~/nodejs/module/binを追加すると、コマンドラインでモジュールコマンドを直接使用できます.
    #PATH修正後、再sourceが有効になることを覚えておいてください
    1.2 npm国内淘宝鏡像を使用
          http://npm.taobao.org/説明の表示
    デフォルトのnpmの代わりに、タオバオでカスタマイズされたcnpm(gzip圧縮サポート)コマンドラインツールを使用します.
    コマンドは次のとおりです.
    npm install -g cnpm --registry=https://registry.npm.taobao.org

    モジュールのインストール
    $ cnpm install [name]

    同期モジュール
    $ cnpm sync connect

    2.Cordova取付
    sudo cnpm install-g cordovaでいい
     3. ionicインストール
      sudo cnpm install -g ionic
    インストール中に現れる場合:npm ERR!tar.unpack untar error/tmp/npm
    先に実行
    sudo npm cache clean

    再インストール
    エラーが発生した場合は、次のようになります.
    npm ERR! [email protected] postinstall: `node postinstall`
    npm ERR! spawn ENOENT
    npm ERR! 
    npm ERR! Failed at the [email protected] postinstall script 'node postinstall'.
    npm ERR! This is most likely a problem with the spawn-sync package,
    npm ERR! not with npm itself.
    ===================================================
    解決方法:sudo cnpm install--ignore-scripts-g cordova ionic
    参照先:https://github.com/ForbesLindesay/spawn-sync/issues/29
    first ionic web app
    http://ionicframework.com/getting-started/
    $ ionic start myApp tabs
    $ cd myApp 
    $ ionic platform add android 
    $ ionic build android 
    $ ionic emulate android //    
    $ ionic run android //     

    チュートリアル:http://ionicframework.com/docs/guide/starting.html見終わったら落ち着いて、もちろんAngularJsの基礎知識を補うかもしれません.
    推奨デスクトップブラウザのテスト:
    $ ionic serve
    Multiple addresses available.
    Please select which address to use by entering its number from the list below:
     1) 10.10.10.17 (eth0)
     2) localhost 
    Address Selection:  2
    Selected address: localhost
    Running live reload server: http://localhost:35729
    Watching: 0=www/**/*, 1=!www/lib/**/*
    Running dev server:

    ブラウザにアドレスを入力してください
    http://localhost:8100

    =======================================================
    ionic build android Error
    [Error: Failed to find 'ANDROID_HOME' environment variable. Try setting setting it manually.Failed to find 'android' command in your 'PATH'. Try update your 'PATH' to include path to valid SDK directory.]
    Android SDK、cordova 5.3.3バージョン対SDKバージョンandroid-22をインストールする必要があります.一般的に最新バージョンをダウンロードします.
    You will require:1. "SDK Platform"for android-222. "Android SDK Platform-tools (latest)3. "Android SDK Build-tools"(latest)]
    国内はここでダウンロードすることができますhttp://www.androiddevtools.cn/
    ミラーの更新方法を推奨します.http://android-mirror.bugly.qq.com:8080/include/usage.html
    環境変数ANDROID_を設定します.HOME及びPATH
    export ANDROID_HOME=~/sdk
    export PATH=$PATH:$ANDROID_HOME\tools:$ANDROID_HOME\platform-tools