ionic 安装教程
2015-10-08:国庆回来发现有新版本了,特意更新结果命令失效了,然后重新装吧,结果也失败多次 大概6-7次左右,然后系统是win10,可以启用管理员命令窗口进行安装,第二次成功了!
1.准备工作
下载 Ant(打包使用),Node.js(下载包),node.js 安装教程说明, HBuilder(IDE,编写代码,真机调试),Android SDK (Android编译)
2.配置环境变量:
ANDROID_HOME D:\Program Files\adt\sdk (对应sdk路径)
Path ;D:\Program Files\apache-ant-1.9.4\bin (对应ant下bin路径)
3.安装ionic等,运行命令提示符(管理员) 输入
a. 将cordova和ionic包安装到全局环境中(可供命令行使用):
注:此处报错很正常,由于资源是在国外的,然后建议分开安装 成功率较高,如果还是有问题,建议开个vpn或者FQ工具,一般可以安装成功!
【一次性模式】:npm install -g cordova ionic
【分步模式】:
npm install -g cordova
npm install -g ionic
b. 进入你要创建项目的路径:
cd E:\Study\Android\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
6.查看ionic版本(当前最新版本为1.2.13)
ionic -v
标签:
使用下面的命令查询、安装、卸载插件:
$ ionic plugin list //列出所有已安装插件
$ ionic plugin remove 插件名 //先根据上面的list列出插件,然后根据插件名卸载
$ ionic plugin add 插件地址 //这个插件地址可以是github的项目地址,也可以是一个文件夹路径
$ ionic –help //查看帮助文件
7.安装中有问题欢迎加群讨论:前端攻城狮群分享群 【123479555】
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhifgiic
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
excel下划线不显示怎么办
PHP中文网 06-23 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
微信运动停用后别人还能看到步数吗
PHP中文网 07-22 -
excel图片置于文字下方的方法
PHP中文网 06-27