一、安装NodeJs(安装nodejs是为了方便使用命令行直接下载安装我们需要的环境)

NodeJs官网:https://nodejs.org/en/

安装稳定版即可,安装步骤跟安装普通软件一样,下一步,下一步,最后完成就ok了。

搭建ionic项目环境并开始第一个demo

安装结束,在 cmd控制台输入

node  -v  

若出现版本号,即为安装成功。

搭建ionic项目环境并开始第一个demo

二、安装ionic、cordova环境,在cmd窗口运行以下命令

nmp install  -g cordova ionic

搭建ionic项目环境并开始第一个demo

视电脑性能跟网速不同,一般5分钟左右安装完毕,安装完毕后,在cmd窗口输入

Ionic -v  回车运行,出现版本号即为安装成功,同样输入cordova -v 出现版本号即为安装成功 

搭建ionic项目环境并开始第一个demo

搭建ionic项目环境并开始第一个demo

三、运行以下命令,从github下载一个模板项目到本地

在cmd窗口切换路径到你想要创建项目的路径下,然后运行以下命令

ionic start myapp sidemenu

然后等待几分钟之后,就得到了一个从github上下载下来的模板项目,“ionic start myapp sidemenu” myapp是我们创建的项目名,sidemenu是模板类型(还可以是tabs,blank),sidemenu是带有侧滑菜单的模板,blank是空白项目,tabs是带有选项卡的模板项目

搭建ionic项目环境并开始第一个demo

四、运行刚才创建的项目

首先进入我们的项目myapp

搭建ionic项目环境并开始第一个demo


然后输入命令

ionic serve

搭建ionic项目环境并开始第一个demo

此时会自动打开浏览器运行刚才创建的项目(建议将chrome浏览器设置为默认浏览器,因为chrome浏览器有手机终端模拟器,方便开发)

搭建ionic项目环境并开始第一个demo

至此,ionic项目环境搭建完毕,并创建了第一个demo,下节将介绍开发工具,及项目结构

相关文章: