你的位置:首页 > 网页设计

[网页设计]ionic + cordova 环境搭建


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 (链接安卓手机或者启动虚拟机可以看到运行效果)。