ionic环境搭建

8 篇文章 0 订阅
2 篇文章 0 订阅

Ionic2开发环境要求:

Nodejs

V4.5.0

Nodejs自带

Npm

V2.15.9

同上

Ionic

V2.1.0

安装最新ionic即可

Angular2

V2正式版

同上

说明:以上版本号请务必对应,AngularJs每次更新都是断崖式更新,导致inoic写法多变。

开发工具:

VS CODE :V1.6.1(老版本对ts支持不是很好)

ionic安装步骤:

1. 安装上述版本的Node;

2. 切换源:
npm set registry https://registry.npm.taobao.org # 注册模块镜像
npm set disturl https://npm.taobao.org/dist # node-gyp 编译依赖的 node 源码镜像
npm cache clean # 清空缓存
如果你的网络访问米国非常好可以跳过;

3. 安装ionic,打开命令行输入:
npm install -g ionic
npm install -g cordova

4. 然后新建项目,找到一个空地,在这个目录下执行:
ionic start cutePuppyPics --v2
这是个示例项目,安装要等很久;

5. 运行该项目,进入到cutePuppyPics目录,执行:

ionic serve
会启动一个server,默认会打开浏览器访问8100端口,谷歌浏览器下效果最好。

clip_image002 clip_image004 clip_image006

可以随意点点,如果Tab都能点,说明环境没问题。

Ionic目录说明:

clip_image007

App:系统初始化

Model:自定义的实体类

Pages:系统页面

Providers:自定义服务 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值