创建与运行Ionic项目

来源:互联网 发布:创维酷开如何安装软件 编辑:程序博客网 时间:2024/06/06 15:01

第一步:安装Node.js

先安装最新的Node.js安装完成之后,配置系统环境变量。

首先:验证系统环境变量中是否已经配置咯,进入命令行(win+R)输入path查看是否已经配置Node.js环境变量。

其次:如果Node.js没有系统环境变量,则点击我的电脑->右键->属性。

然后:在进入界面中选择高级系统设置->高级->系统环境,在系统环境区域选择Path点击编辑进行Node.js安装环境配置。

第二步:安装Ionic

(1)命令行安装Cordova:npm install -g cordova

(2)命令行安装Ionic npm install -g ionic

第三步:创建Ionic项目

首先创建ionic项目可以使用Ionic提供的app模板或是一个空白。

在命令行中进入Ionic项目文件夹下,输入命令:

ionic start demo blank

ionic startdemotabs
ionic startdemosidemenu

第四步:android下运行Ionic项目

(1)进入新建的项目文件夹下(cd demo)

(2)添加platform(ionic platform add android)

(3)构建android(ionic build android)

(4)运行测试项目有3种方式:

 1)运行在模拟器(ionic emulate android)

 2)真机(ionic run android)

 3)桌面浏览器运行测试(ionic serve)


0 0
原创粉丝点击