ionic2 安装配置

来源:互联网 发布:linux sosreport 编辑:程序博客网 时间:2024/06/11 11:05

一、下载node进入nodejs官网(https://nodejs.org/),下载node安装包(我下载的最新的8.9.3版本。我第一次下载的9.2.1安装的时候各种报错,就改成8.9.3)。接下来是安装。安装没什么难度,下一步下一步就可以了。(注意关掉360,不然会阻止你安装)

二、安装 Ionic1.安装好nodejs好后,打开命令窗口。![这里写图片描述](http://img.blog.csdn.net/20171212104334538?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMjQ2ODgxODE=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)


接下来就是输入命令安装了。

-->npm config set registryhttps://registry.npm.taobao.org #首先更换淘宝镜像,下载起来会快很多.


-->安装ionic2:npm install -g ionic (查看:ionic -version 卸载:npm uninstall -g ionic)


-->安装Cordova:npm install -g cordova(查看:cordova -version)


2.新建一个新项目(两者默认安装路径的是在C盘下的user目录下) 新建项目可以自己建立workspace,然后cd到该目录下创建项目

-->ionic start MyApp –v2 (创建一个项目,名字叫MyApp 。-v2是创建一个ionic2项目,不加测试ionic1),进入后可以选择tabs和blank等多种类型初始项目

3、然后运行项目

--> ionic serve #运行成功后 默认访问地址http://localhost:8100/


三、打包Android 。

需要先安装jdk,sdk,并分别配置环境变量,jdk版本1.8以上

运行命令:

-->ioniccordovaplatform add android #(重新添加android环境时用到:ioniccordovaplatform rmandroid)

如果报错:Current working directory is not a cordova-based project again 是因为找不多cordova项目。需要运行项目一次 -->命令: ionic serve 让然后在执行 -->命令:ioniccordovaplatform add android


-->ionic cordova build android --debug --prod ##调式版 apk
//-->ionic cordova build android --release --prod ##上线正式版 apk()
在编译命令的最后加上--prod会让app的启动速度加快。

成功build后在控制台提示的目录下可以找到项目生成的APK,传到手机上安装即可。


打包apk连接地址:https://www.cnblogs.com/huangenai/p/6866642.html

打包ios 还没试过~


原创粉丝点击