一起来看流星雨温思,510006,钓鲢鳙饵料
搭建ionic开发环境,创建ionic项目,能够使用浏览器启动项目,在android模拟器或者真机中运行应用程序。
所需软件 | 下载链接 |
---|---|
node.js | v8.9.0以上版本 |
jdk | |
android sdk tool | |
webstorm2017.2.4 | |
webstorm破解 | |
git | |
.net framework | |
github客户端 |
建议用管理员运行命令提示符(cmd)
要了解node.js更多的知识,请参考
npm install -g cnpm --registry=https://registry.npm.taobao.org
检查有没有安装成功可以执行命令:
cnpm -v
cnpm install -g cordova
检查有没有安装成功可以执行命令:
cordova -v
要了解cordova更多的知识,请参考
cnpm install -g ionic@latest
检查有没有安装成功可以执行命令:
ionic -v
ionic start shengyizhuanjia sidemenu --type=angular
创建工程的过程中需要下载依赖的包,由于npm的服务器在国外,因此经常安装失败。可以使用下面两个命令来创建工程
ionic start shengyizhuanjia sidemenu --type=angular --no-deps
命令执行成功后,进入项目的根目录,执行命令
cnpm install
分成两个步骤创建的工程用webstorm打开,会出现智能感知失效的问题。 npm install出现"unexpected end of json input while parsing near"错误解决方法 npm cache clean --force
如果人品不够好一直失败,可以使用我创建的工程百度云下载
要了解ionic start更多的知识,请参考
要了解ionic 工程结构更多的知识,请参考
在命令提示符中(cmd)进入项目的根目录,执行下面的命令
ionic serve
命令执行成功后,会自动打开默认的浏览器(建议使用谷歌浏览器),默认网址: 按f12打开开发者工具,模拟手机设备。
要了解ionic serve更多的知识,请参考
ionic cordova platform add android
要了解ionic cordova platform更多的知识,请参考
ionic cordova build android
要了解ionic cordova build更多的知识,请参考
ionic cordova emulate android
或者
ionic cordova run
要了解ionic cordova emulate 更多的知识,请参考
要了解ionic cordova run 更多的知识,请参考
在项目的目录找到resources文件夹。在文件夹中都放入icon.png(应用图标,最小192x192px,不带圆角),splash.png(启动屏幕,最小2208x2208px,中间区域1200x1200px)(可以是png、psd、ai) 在cmd中进入项目所在文件夹执行:
ionic cordova resources
执行该命令后,会自动在resources文件夹下创建已添加的平台名称的文件夹,如:android,其中会自动将图片进行缩放、裁剪,生成不同分辨率的图片,并在config.xml中添加相应内容。 也可分开执行:
ionic cordova resources --icon ionic cordova resources --splash
注意:执行以上命令时需连接到互联网
要了解更多ionic cordova resources的知识,请参考
启动界面配置config.xml
<preference name="splashscreendelay" value="2000"/>#显示时间 <preference name="autohidesplashscreen" value="false"/>#禁止自动隐藏 <preference name="auto-hide-splash-screen" value="false"/>#禁止自动隐藏 <preference name="fadesplashscreen" value="false"/>#禁用淡出效果 <preference name="splashmaintainaspectratio" value="true" />#图像cover屏幕 <preference name="showsplashscreenspinner" value="false" />#隐藏加载灰圈 <preference name="splashshowonlyfirsttime" value="false" />#每次重新启动都显示
无
创建ionic项目,能够使用浏览器启动项目,也能够在android手机或者android模拟器中运行。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
Android apk 项目一键打包并上传到蒲公英的实现方法
Android 自定义LineLayout实现满屏任意拖动功能的示例代码
android 限制某个操作每天只能操作指定的次数(示例代码详解)
Android 集成 google 登录并获取性别等隐私信息的实现代码
网友评论