Ionic安装

由于有了新的项目,直播只能是尽量,每晚10:30,斗鱼房间号:657010

网站地址:www.techcave.cn

环境安装

先安装Node.js,网址 www.nodejs.org

下载地址是:https://nodejs.org/en/download/current/, 如果不是请自行在官网上查找。安装一路Next,直至Finish即可。

安装Ionic

接下来正式安装Ionic,使用命令行工具:

$ npm install -g ionic cordova

如果没有管理员权限,可以使用sudo命令(linux下)。

Ionic安装
通过命令行窗口安装ionic cordova
npm WARN deprecated [email protected]: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
C:\Users\sunjipeng\AppData\Roaming\npm\cordova -> C:\Users\sunjipeng\AppData\Roaming\npm\node_modules\cordova\bin\cordova
C:\Users\sunjipeng\AppData\Roaming\npm\ionic -> C:\Users\sunjipeng\AppData\Roaming\npm\node_modules\ionic\bin\ionic
C:\Users\sunjipeng\AppData\Roaming\npm

警告忽略了。

创建Ionic项目

$ ionic start MyIonic2Project tutorial --v2

使用 start 命令,MyIonic2Project 这是项目名,tutorial是模版名,如果不指定该参数则默认使用tabs 模版,--V2说明使用ionic2。

Ionic安装
创建Ionic项目


报错了undefined,先按提示用安装命令升级下cordova试试:

npm install -g cordova
Ionic安装
安装更新cordova


错误依旧,加上参数--verbose

ionic start MyIonic2Project tutorial --v2 --verbose

发现需要安装git和python2,安装后创建工程成功。

Ionic安装
创建项目成功

测试运行项目

进入项目目录

cd MyIonic2Project

启动

ionic serve

启动过程需要一点时间,如下图所示:

Ionic安装
启动过程


启动后,在浏览器就能看到程序界面了:

Ionic安装
QQ截图20161024140942.png

相关推荐