【笔记】使用Ionic CLI进行项目的初始化构建

  • 打开终端,进入自己建立的存放ionic工作的目录
    在这里插入图片描述

1. Install Ionic

  • npm install -g cordova ionic
  • -g 全局安装
  • cordova、ionic ionic开发必备的两个环境

2. Start an App

  • ionic start firstitem tabs 初始化一个名字为firstitem 的项目
  • tabsblanksidemenu等初始化的结构类型
  • 如果想用 JavaScript来写,即v1,可以使用--type ionic1 再进行初始化
    在这里插入图片描述
  • 可进入工作目录查看是否有firstitem这个项目

3. Run your App

cd firstitem  #进入刚创建项目firstitem
ionic serve #启动项目
  • 运行后host部署在本地localhost 端口8100
    在这里插入图片描述

  • 出现successfully说明运行成功,之后自动跳转到默认浏览器

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

可能会出现网络问题,请自行配置

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值