Ionic环境搭建

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平台也需要对应的平台环境变量配置;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值