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  
   
0 0