Node.js安装
必须安装Node.js:https://nodejs.org/en/
在接下来的安装过程中需要使用到其 NPM 工具,更多 NPM 介绍自行百度;
解决npm被墙问题,使用淘宝镜像cnpm,这样每次加载包或下载的时候就会通过淘宝的服务器来下载,不会走国外的服务器;
淘宝NPM镜像地址:https://npm.taobao.org/
npm的配置文件中进行以下配置即可,通过命令行完成:
npm install -g cnpm --registry=https://registry.npm.taobao.org
然后通过命令行工具安装最新版本的 ionic和 cordova;
原本命令行是:
npm install -g ionic cordova
由于被墙会导致下载失败等原因改用淘宝镜像cnpm
cnpm install -g ionic cordova
更新命令:
cnpm update -g ionic cordova
Ionic Lab
Ionic Lab 是 Ionic 发布的一个可视化、跨平台的项目管理工具,可以创建、测试、编译、发布 Ionic 项目
Ionic Lab 为开发者提供了一个更简单的方法来开始,编译,运行,和模拟运行Ionic的应用程序。
下载地址:http://lab.ionic.io/
创建项目
安装完成后,就可以创建一个项目:
ionic start
ionic start --list
ionic start myApp
ionic start myApp blank
ionic start myApp tabs --cordova
ionic start myApp tabs --capacitor
ionic start myApp super --type=angular
ionic start myApp blank --type=ionic1
ionic start cordovaApp tabs --cordova
ionic start "My App" blank
进入myApp项目:cd myApp
在浏览器运行:ionic serve
添加安装平台:ionic cordova platform add android/ios
编译:ionic cordova build android/ios
注意:添加android/ios平台也需要对应的平台环境变量配置;