angular4 + ionic3学习之路

搭建教程：

1、下载node.js V6

2、搭建教程

npm install -g cnpm --registry=https://registry.npm.taobao.org //更改镜像


cnpm install ionic -g //下载安装ionic npm install -g ionic


cnpm update ionic -g


cnpm install cordova -g (合并上面两条命令 cnpm install ionic cordova -g )


npm config set registry https://registry.npm.taobao.org


ionic start myproject tabs //创建一个带tabs栏和bottom栏的myproject工程


ionic start myproject sidemenu //创建一个左侧带有menu栏的myproject工程


ionic start myproject blank //创建一个空白myproject工程


cd myproject //进入项目路径


ionic serve // 浏览器调试 npm install @ionic/app-scripts@latest --save-dev //缺少什么安装什么


ionic cordova platform add ios // 添加ios平台，


如果是Android平台则是：ionic cordova platform add android


ionic cordova build ios // 编译ios项目，如果是android平台则是：ionic cordova build android


出现因为Android studio摒弃的gradle编译错误，下载最新gradle-bin绿色安装，并配置\bin环境到path


ionic cordova emulate ios // 模拟器启动项目，如果是android平台则是：ionic cordova emulate android


ionic run ios // 真机运行


如果使用命令ionic emulate ios 后模拟器跑不起来，可以直接到项目里面：platforms文件夹下的ios文件夹里直接运行项目到xcode上