ionic——项目搭建

###前言
Ionic应用程序主要通过Ionic命令行实用程序(“CLI”)创建和开发,并使用Cordova构建/部署为本机应用程序,所以node是不可缺少的。电脑上没有安装的小伙伴可以自行安装(这部分资源网上很多,这里就不多赘述了)。

node安装完成之后就可以正式开始了

首先安装Ionic和Cordova CLI(这里是用的是ionic3

$ npm install -g ionic cordova

注意:这-g意味着这是全局安装,因此对于Windows,您需要打开Admin命令提示符。对于Mac / Linux,您可能需要运行命令sudo。

完成后,就可以创建第一个ionic项目了:

$ ionic start demoApp blank

start 将告诉CLI创建一个新的应用程序。
demoApp 将是项目中的目录名称和应用程序名称。
blank 将是您项目的入门模板

Ionic提供了以下l官方模板,可以根据项目需求选择自己需要的模板

tabs :简单的3标签布局
sidemenu:侧面有可转换菜单的布局
blank:一个单页的裸机
super:具有超过14个即用型页面设计的入门项目
tutorial:一个引导启动项目

项目创建完成之后,可以在浏览器中查看应用程序

$ cd demoApp/
$ ionic serve

到这里一个大概的项目就搭建起来了,文章也就到这了。后期会不定期更新下面的内容。(这个实例主要是利用工作之余开发的,所以进度不会太快,望见谅!)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值