[基于ionic开发]开发教程lesson01之环境安装
来源:互联网 发布:深圳华夏软件学校招生 编辑:程序博客网 时间:2024/04/30 12:25
1.准备工作
下载 Node.js(下载包),WebStorm(IDE,编写代码,浏览器调试),JDK(webstorm 运行环境),Android SDK (Android编译)
不一定有时间回复各位的问题,最好加QQ群讨论:245285768
2.配置环境变量:
ANDROID_HOME D:\Program Files\adt\sdk (对应sdk路径) path %ANDROID_HOME%\platform-tools; path %ANDROID_HOME%\tools;
3.安装ionic等,运行命令提示符(管理员) 输入
a. 将cordova和ionic包安装到全局环境中(可供命令行使用):
npm install -g cordova ionic
注:由于GFW,很多插件下载不下来,我们可以使用淘宝镜像来解决这个问题:
npm install -g cnpm --registry=https://registry.npm.taobao.org安装完成后,以后所有的插件都使用cnpm这个命令来进行安装。
cnpm install -g ionic cordova
b. 进入你要创建项目的路径:
cd E:\Study\Android\ionic\Projecte:c. 创建一个名为myApp的还有tabs的项目(ionic start <project-name> <optional-template>) 可选模板为sidemenu 侧滑、tabs 底部tab切换、blank 空白):
ionic start myApp tabsd. myApp就为项目名称,进入myApp这个文件夹:
cd myAppe. 添加android平台:
ionic platform add androidf. 生成androidapk:
ionic build androidg. 在android模拟器或真机中模拟:
ionic emulate android
其中f和g可以合并为:
ionic run android
即生成apk,并在模拟器或真机中模拟。
4.更新ionic等
a.更新cordova及ionic包
npm update -g cordova ionicb.更新已建ionic项目中的js类库,命令行中先进入项目所在目录,然后运行:
ionic lib update
5.展现ionic项目结果(显示在ios和android上的样式)
ionic serve --lab
6.查看ionic版本(当前最新版本为1.2.13)
ionic -v
0 0
- [基于ionic开发]开发教程lesson01之环境安装
- Ionic 开发环境安装步骤
- nodejs、angular4、Ionic,window开发环境安装
- ionic开发介绍之环境搭建
- 2.ionic系列之ionic开发环境搭建(一)
- ionic 开发环境搭建
- Ionic开发环境搭建
- ionic开发环境示例
- ionic---开发环境配置
- Ionic 开发环境搭建
- 配置ionic开发环境
- ionic开发插件之ngCordova配置安装
- ionic开发插件之ngCordova配置安装
- web App 移动开发之ionic开发环境部署
- activiti开发环境安装教程
- 混合开发(Hybrid App)之 Ionic【一】-- 认识Ionic,搭建开发环境,创建项目
- Ionic开发Android环境搭建
- Ionic+Cordova开发环境搭建
- 双链表的插入学习(C和指针)
- Unity3D都有哪些坑
- TCP/IP和UDP的基础理解(1)
- 使用conlleval.pl对CRF测试结果进行评价的方法
- 扯淡nginx的sendfile零拷贝的概念
- [基于ionic开发]开发教程lesson01之环境安装
- Spring jpa配置
- js通过opcity来实现轮播
- ATMega328P-PU芯片Arduino最小系统实验
- 创建存储过程
- Android 的进程间通信(IPC)机制Binder
- AndroidManifest.xml文件详解(supports-gl-texture)
- poj 2195 going home(最小费用最大流)
- 分页查询-JDBC版