Ionic3 开发环境搭建

说明

• 本文默认读者已经安装Java1.7+,NPM和安卓SDK,不会可Email我([email protected]).
• 本文使用新版本的ionic,我也是新手,有不正之处望大神指教.

开始

打开命令行,执行命令

npm install -g ionic cordova

这条命令会将cordova和ionic安装到npm同级的目录,安装完成即可执行Cordova和ionic命令.
安装过慢请配置淘宝NPM源,不会请Email我,此处不展开了.
安装完成之后cd到存放项目的路径执行命令

ionic start demo tabs

这条命令会在当前路径新建demo文件夹存放源码,tabs是ionic提供的Demo,也是开发脚手架,可直接使用.其他Demo请查看ionic官网说明.

执行之后询问

图片.png

输入y回车,输入n之后会报错,原因不详,有结果再来更新.
输入n结束安装.
执行命令

cd demo

插上手机开启调试或启动虚拟机,之后执行

ionic cordova run android --livereload

安装即可看到效果,每次编辑保存稍等就会在安卓上看到更新.

成文时cordova最新的安卓版本为[email protected],需要SDK安装api26,若仅安装api25,可以在执行上调命令之前执行

ionic cordova platform add [email protected]

安装其他安卓版本.
已经安装的话执行

ionic cordova platform rm android

删除之后添加6.2.3的版本