HTML5技术

ionic + cordova 环境搭建 - tomdog

字号+ 作者:H5之家 来源:博客园 2016-03-03 17:00 我要评论( )

1、安装nodejs:官网下载安装包,双击安装即可。成功后在控制台输入node -v 显示版本号即成功。 2、安装Java,配置环境变量,下载安卓sdk ,配置环境变量 ANDROID_HOME 为sdk目录,同时path里面加入%ANDROID_HOME%。 3、使用node包管理器安装cordova:npm ins

1、安装nodejs:官网下载安装包,双击安装即可。成功后在控制台输入node -v 显示版本号即成功。

2、安装Java,配置环境变量,下载安卓sdk ,配置环境变量 ANDROID_HOME 为sdk目录,同时path里面加入%ANDROID_HOME%。

3、使用node包管理器安装cordova:npm install -g cordova。

4、安装ionic:npm install -g ionic,很容易出现问题,

5、提示ERR socket hung up : 说明请求不到文件,设置使用淘宝的镜像,命令如下npm set registry https://registry.npm.taobao.org 。

6、提示错误:MSBUILD : error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题,
安装 .NET Fram ework 2.0 SDK;2) 安装 Microsoft Visual Studio 2005;或 3) 如果将该组件安装到了 其他位置,请将其位置添加到系统 路径中。 [F:\coffee\nodejs\microblog\node_modules\mongodb\node_modules\kerberos
bui ld\binding.sln] ,解决: 制定使用vs的版本npm config set msvs_version 2010 --global (其中 2010是版本号根据电脑以安装的版本改成自己的数字)。

7、创建项目: ionic start myApp tabs (tabs 表示创建带导航栏的项目,可以写blank 空项目)。

8、配置安卓平台:ionic platform add android 运行后看到platforms文件夹中增加了android的文件夹。

9、构建项目:ionic build android 运行后会看到提示有apk生成(可能出现提示sdk版本不对,需要更新sdk版本)。

10、运行项目 : ionic run android (链接安卓手机或者启动虚拟机可以看到运行效果)。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • vue-cli webpack在node环境下安装使用 - 孙三峰

    vue-cli webpack在node环境下安装使用 - 孙三峰

    2017-04-23 11:00

  • Office 365开发概述及生态环境介绍(一) - 陈希章

    Office 365开发概述及生态环境介绍(一) - 陈希章

    2017-03-19 09:02

  • Ionic2 开发笔记(1)ionic2 +angular2搭建 - 早上~得~喝粥

    Ionic2 开发笔记(1)ionic2 +angular2搭建 - 早上~得~喝粥

    2017-03-13 16:00

  • React+webpack开发环境的搭建 - 雨和雪

    React+webpack开发环境的搭建 - 雨和雪

    2017-03-11 09:05

网友点评
-