他の山の石

WebStormコルドバ環境構築



Webstorm Cordova Environment Construction



元の： WebStormコルドバ環境構築

1.環境構築

Cordova環境を構成する前に、まずNode.jsをダウンロードしてインストールする必要があります。 中国の公式ウェブサイト ：Http：//nodejs.cn/。



管理者としてcmdコマンドラインツールを実行します。

1.Node.jsが正常にインストールされているかどうかを確認します。コマンドは次のとおりです。node-v



2.npmがインストールされているかどうかを確認します。コマンドは次のとおりです。npm-v

3. Cordovaのインストール、コマンドは次のとおりです。npminstall -g cordova、C： Users Administrator AppData Roaming npmは、対応する.cmdファイルを生成します。



遅い場合は、イメージを変更してからインストールできます。

npm config set Registry http://registry.cnpmjs.org npm info underscore

npm install -g cordova

インストールが成功したら、バージョンビューテストを実行します。コマンドは次のとおりです。cordova-version

4. Ionicインストール、コマンドは次のとおりです。npminstall -g ionic、C： Users Administrator AppData Roaming npmは対応する.cmdファイルを生成します

インストールが成功したら、バージョンチェックテストを実行します。コマンドは次のとおりです。ionic-version

Ios-simのインストール、コマンドは次のとおりです。npminstall -g ios-sim、C： Users Administrator AppData Roaming npmは、対応する.cmdファイルを生成します。

インストールが成功したら、バージョンチェックテストを実行します。コマンドは次のとおりです。ios-sim-version

5.Javaバージョン情報を表示します。コマンドは次のとおりです。java-version

構成JAVA_HOMEシステム環境変数（構成されている場合は直接スキップ）：JAVA_HOME = C： Program Files Java jdk1.8.0_101

6. antバージョン情報を表示し、Apache Ant解凍ディレクトリに移動します。ant-version（スキップできます）

公式ウェブサイトアドレス：http：//ant.apache.org/

7.Andorid環境変数を構成します

追加されたパス環境変数：D： Program Files Android Android Sdk android-sdk platform-tools D： Program Files Android Android Sdk android-sdk tools

システム変数を追加します：ANDROID_HOME = C： Program Files（x86） Android android-sdk

注：adb.exeの場所を明確に知ってください（android2.3以降はandroid-sdk platform-toolsディレクトリの下にあり、2.2以下はandroid-sdk toolsディレクトリの下にあります）。これはパスにのみ追加できます。変数そのディレクトリ。

8.adbバージョン情報を表示します。コマンドは次のとおりです。adbversion

9.コンピューターを再起動します。

2.環境テスト

1.プロジェクトを作成します

index.htmlのコンテンツコードは次のとおりです。

   'Content-Security-Policy' content='default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval' style-src 'self' 'unsafe-inline' media-src * img-src 'self' data: content:'> 'format-detection' content='telephone=no'> 'msapplication-tap-highlight' content='no'> 'viewport' content='user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width'> 'stylesheet' type='text/css' href='css/index.css'> Hello World 
class='app'>  
'deviceready' class='blink'> 
class='event listening'>Connecting to Device
 
class='event received'>Device is Ready