ionic2环境部署以及有关问题解决

环境:

       1.安装nodejs  node -version

        2.npm install -g ionic

                如果安装过beta,先卸载 npm uninstall -g ionic,再执行上面的命令

                ionic -version

         3.npm install -g cordova

               cordova -version

        4.安装jdk  配置环境变量  java-home:D:\Program Files\Java\jdk1.8.0_102

              path : %java_home%\bin

               java -version

               javac -version

       5.Android SDK    环境变量 : D:\Android\sdk

安装ionic工具集:

         npm install -g ionic

创建项目:

        ionic start projectName --v2

运行:

          cd projectName  # 进入创建的项目名称目录

         ionic serve # 启用浏览器调试应用页面,这时通过浏览器打开默认端口页面http://localhost:8100/#/tab/dash就可以打开应用页面了

模拟器:

          安装模拟环境:

              npm install -g cordova  # 如果没有真实设备,可以通过这个命令来

        生成ios环境:

             ionic platform add ios

        模拟运行ios环境:必须在ios环境中

              ionic emulate ios

        生成Android环境:

             ionic platform add android

        Android模拟器运行应用:

           ionic run android

打包:

     生成platform文件: ionic platform add android

     解决因为下载gradle失败导致打包失败:

           手动下载gradle:http://services.gradle.org/distributions/,下载之后将其放入到 项目/platform/android/gradle

           修改路径:platform/cordova/lib/builders/GradleBuilder.js

                  var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] ||                 'https\\://services.gradle.org/distributions/gradle-2.14.1-all.zip';

           改为:var distributionUrl = process.env['CORDOVA_ANDROID_GRADLE_DISTRIBUTION_URL'] || '../gradle-2.14.1-all.zip';

      打包:ionic build android

你可能感兴趣的:(ionic2环境部署以及有关问题解决)