Ionic搭建环境与新建一个项目

配置环境+新建ionic项目的具体过程:

1、下载nodejs安装,安装在工作盘,检验是否安装成功——打开window powershell, 输入node -v出现版本号,即为安装成功

2、npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等),但因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常。所以在国内一般使用cnpm安装。

     powershell输入npm -g icnpm按Enter键等待……cnpm -v出现版本号安装成功。安装相关的库,如cnpm -g i ionic cordova,cnpm -g i parse-server…

3、等待过程可能时间会就一点,VSCode官网下载VSCode并安装

4、一切安装成功之后便可以开始建立工作目录,选择一个工作盘,新建文件夹workspace,在power shell中输入如下:cd e: 按Enter 输入mkdir workspace按Enter 输入cd workspace

5、按照第四步之后就可以开始一个真正的项目,powershell中在进入的工作目录输入:ionic start myapp tabs//创建一个带top栏和bottom栏的示例项目

6、第5步新建的是一个ionic项目,打开VSCode编辑器,按住键盘上的Ctrl和`切换终端。

    D:\workspace\myapp>输入cnpm I 就会自动安装package.json里面的依赖,在终断输入ionic serve可运行界面Ionic App。Ctrl+C键可终止运行。

       各种弄完之后就可以开始一个新的项目了:终断输入ionic serve可运行界面Ionic App一般会自动跳转到本机的默认浏览器,我们切换到谷歌浏览器,按键F12,选择Screen为iphone 6 ,选择Console控制台看到自己输出的一些内容。

       Ionic的学习可以从Ionic的组件开始学习,学习参考官方文档(http://ionicframework.com/docs/components/)


评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值