Ionic3 项目搭建及打包

时间:2023-02-04 07:45:34
Ionic3 项目搭建及打包
一、工具及环境
1、node.js 搭建项目、运行项目
2、JDK1.8
3、android sdk 安卓打包需要
二、安装教程
1、下载并安装node.js
Ionic3 项目搭建及打包

查看node版本命令 : node -v
2、安装淘宝镜像。可以用cnpm 代替 npm
打开node.js的命令窗口
npm install -g cnpm --registry= https://registry.npm.taobao.org
3、安装ionic和cordova(建议用cnpm)
npm/ cnpm install -g cordova ionic
或者分别安装
cnpm install -g ionic 和 cnpm install -g cordova@XXX (XXX为指定安装版本)
查看ionic 和cordova版本
ionic -v / cordova -v

三、创建Ionic3项目
cd 到创建的相应目录
运行命令: ionic start 项目名称 tabs
Ionic3 项目搭建及打包
如果npm i很久且失败了 cd到项目里面执行
npm install 或者 cnpm install

运行项目
执行 ionic serve 会在浏览器打开项目
         Ionic3 项目搭建及打包

四、项目打包
1、安装android sdk 并配置好环境变量 下载gralle
Ionic3 项目搭建及打包
            Ionic3 项目搭建及打包       
 
Ionic3 项目搭建及打包    
Ionic3 项目搭建及打包


1、添加平台
添加ios平台:ionic cordova platform add ios
添加android平台:ionic cordova platform add android
2、项目打包
需要下载android sdk platform 25
android 打包:ioinc cordova build android
        Ionic3 项目搭建及打包