Ionic之搭建开发环境,并创建工程
来源:互联网 发布:视频音量调节软件 编辑:程序博客网 时间:2024/05/17 02:59
搭建开发环境,并创建工程
Ionic跨平台
1.准备工作
Node.js(下载包 https://nodejs.org/download/),Android SDK (Android编译)
windows下的直接安装即可
2.配置环境变量:
ANDROID_HOME D:\Program Files\adt\sdk (对应sdk路径)
3.安装ionic等,运行命令提示符(管理员) 输入
a. 将cordova和ionic包安装到全局环境中(可供命令行使用):
npm install -g cordova ionic
b. 进入你要创建项目的路径:
cd E:\ionic\Project
e:
c. 创建一个名为myApp的还有tabs的项目(ionic start <project-name> <optional-template>) 可选模板为sidemenu 侧滑、tabs 底部tab切换、blank 空白):
ionic start myApp tabs
d. myApp就为项目名称,进入myApp这个文件夹:
cd myApp
e. 添加android平台:
ionic platform add android
f. 生成androidapk:
ionic build android
g. 在android模拟器或真机中模拟:
ionic emulate android
其中f和g可以合并为:
ionic run android
即生成apk,并在模拟器或真机中模拟。
4.更新ionic等
a.更新cordova及ionic包
npm update -g cordova ionic
b.更新已建ionic项目中的js类库,命令行中先进入项目所在目录,然后运行:
ionic lib update
5.展现ionic项目结果(显示在ios和android上的样式)
ionic serve --lab
6.查看ionic版本(当前最新版本为1.5.0)
ionic -v
Ionic跨平台
1.准备工作
Node.js(下载包 https://nodejs.org/download/),Android SDK (Android编译)
windows下的直接安装即可
2.配置环境变量:
ANDROID_HOME D:\Program Files\adt\sdk (对应sdk路径)
3.安装ionic等,运行命令提示符(管理员) 输入
a. 将cordova和ionic包安装到全局环境中(可供命令行使用):
npm install -g cordova ionic
b. 进入你要创建项目的路径:
cd E:\ionic\Project
e:
c. 创建一个名为myApp的还有tabs的项目(ionic start <project-name> <optional-template>) 可选模板为sidemenu 侧滑、tabs 底部tab切换、blank 空白):
ionic start myApp tabs
d. myApp就为项目名称,进入myApp这个文件夹:
cd myApp
e. 添加android平台:
ionic platform add android
f. 生成androidapk:
ionic build android
g. 在android模拟器或真机中模拟:
ionic emulate android
其中f和g可以合并为:
ionic run android
即生成apk,并在模拟器或真机中模拟。
4.更新ionic等
a.更新cordova及ionic包
npm update -g cordova ionic
b.更新已建ionic项目中的js类库,命令行中先进入项目所在目录,然后运行:
ionic lib update
5.展现ionic项目结果(显示在ios和android上的样式)
ionic serve --lab
6.查看ionic版本(当前最新版本为1.5.0)
ionic -v
0 0
- Ionic之搭建开发环境,并创建工程
- 轻松学习Ionic (一) 搭建开发环境,并创建工程(2015-10-26更新)
- 轻松学习Ionic (一) 搭建开发环境,并创建工程
- 轻松学习Ionic (一) 搭建开发环境,并创建工程(2015-10-26更新)
- 搭建ionic环境创建新的工程
- 混合开发(Hybrid App)之 Ionic【一】-- 认识Ionic,搭建开发环境,创建项目
- Ionic搭建开发环境-创建项目记录
- ionic开发介绍之环境搭建
- 2.ionic系列之ionic开发环境搭建(一)
- ionic 开发环境搭建
- Ionic开发环境搭建
- Ionic 开发环境搭建
- 学习Ionic--搭建开发环境并集成crosswalk
- 搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo
- Ionic开发Android环境搭建
- Ionic+Cordova开发环境搭建
- ionic的开发环境搭建
- ionic 环境搭建之marc
- 协变(Covariance)与逆变(Contravariance)
- 接口的使用
- 快速求幂二分算法
- Cocos2d继承结构图
- 黑马程序员------Java基础-----基础小结
- Ionic之搭建开发环境,并创建工程
- 多进程模型和Slect模型服务器介绍
- Python Tkinter Checkbutton的使用
- 自然链接
- Android学习笔记.IDE使用eclipse还是studio
- Windows与Ubuntu之间共享文件
- github 不用数账号和密码的俩种方法
- 那些做爱是不是这样?
- C/C++ 函数调用 值传递1