下载 Ant(打包使用),Node.js(下载包),HBuilder(IDE,编写代码,真机调试),Android SDK (Android编译)
加群:245285768
2.配置环境变量:
ANDROID_HOMED:\Program Files\adt\sdk (对应sdk路径)
PathD:\Program Files\apache-ant-1.9.4\bin(对应ant下bin路径)
3.安装ionic等,运行命令提示符(管理员) 输入
a. 将cordova和ionic包安装到全局环境中(可供命令行使用):
[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片
npm install -g cordova ionic
b. 进入你要创建项目的路径:
[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片
cd E:\Study\Android\ionic\Project
e:
c. 创建一个名为myApp的还有tabs的项目(ionic start <project-name><optional-template>) 可选模板为sidemenu 侧滑、tabs 底部tab切换、blank 空白):
[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片
ionic start myApp tabs
d. myApp就为项目名称,进入myApp这个文件夹:
[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片
cd myApp
e. 添加android平台:
[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片
ionic platform add android
f. 生成androidapk:
[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片
ionic build android
g. 在android模拟器或真机中模拟:
[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片
ionic emulate android
其中f和g可以合并为:
[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片
ionic run android
即生成apk,并在模拟器或真机中模拟。
4.更新ionic等
a.更新cordova及ionic包
[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片
npm update -g cordova ionic
b.更新已建ionic项目中的js类库,命令行中先进入项目所在目录,然后运行:
[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片
ionic lib update
5.展现ionic项目结果(显示在ios和android上的样式)
[plain] view plaincopyprint?在CODE上查看代码片派生到我的代码片
ionic serve --lab
6.查看ionic版本(当前最新版本为1.2.13)
最近ionic 更新了新版本所以导致上面的方法也不能用了!!!! 因为npm-shrinkwrap.json这个文件也更新了 但是cnpm并没有做出及时更新 所以某些依赖压根找不到 菊花就一直转。教大家一个终极方法!!!
driftyco/ionic-cli · GitHub
ionic-cli直接 zip包先下载下来
然后打开会有一个bin文件
记住bin的路径记住bin的路径
然后把bin 添加到环境变量里面去就可以了
这里说一下 linux(mac)系统的方法 windows就更简单了 直接我的电脑右击....
export PATH=/usr/local/lib/node_modules/ionic/bin:$PATH
当然 命令行的话关闭terminal以后就没效果了 所以还是要先到 ~/bash_profile里面去添加环境变量 具体的 *** 作 可以百度 。
配好以后 输入ionic 就ok了
你好,不知道你是想要装什么样的linux系统,如果是ubuntu之类的,建议你可以用里面的wubi安装程序直接安装,就跟安装软件一样,很方便,而且不会对xp系统有任何影响。或者,你也可以直接将linux直接撞到硬盘上,就象你的xp一样,装在另外一个盘,不过这样稍微麻烦点,建议使用u盘安装。首先下载一个UltraISO软件,然后,将镜像文件写到你的U盘,注意和复制是有区别的,还有之前备份下你U盘里面的资料。然后重启时选择u盘启动即可。希望对你有帮助。欢迎分享,转载请注明来源:内存溢出
评论列表(0条)