文档章节

Ionic 2安装

孙亖哥
 孙亖哥
发布于 2017/01/12 10:12
字数 341
阅读 80
收藏 0

环境安装

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

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

安装Ionic

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

$ npm install -g ionic cordova

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

通过命令行窗口安装ionic cordova

npm WARN deprecated minimatch@2.0.10: 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项目


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

 npm install -g cordova

安装更新cordova


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

ionic start MyIonic2Project tutorial --v2 --verbose

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

创建项目成功

测试运行项目

进入项目目录

cd MyIonic2Project

启动

ionic serve

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

启动过程


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

QQ截图20161024140942.png

© 著作权归作者所有

孙亖哥
粉丝 0
博文 22
码字总数 12190
作品 0
昆明
私信 提问
ionic2.0 beat37 安装

(1)首先安装nodejs node 下载地址:https://nodejs.org/dist/latest-v5.x/ 下载里面的node-v5.12.0-x64.msi 或者node-v5.12.0-x86.msi 区别是32位机器和64位机器。 下载后点击下一步一步步...

tianyawhl
2016/09/20
22
0
前端教程

IONIC(基于angular) 教程: 菜鸟教程:http://www.runoob.com/ionic/ionic-tutorial.html NPM: 1、安装依赖:npm install -g ionic cordova 2、创建项目:ionic start myIonicApp IONIC2......

jason_wu_2
2016/10/11
30
0
ionic框架安装

ionic框架安装 导语 ionic是一个强大的混合式/hybridHTML5移动开发框架,特点是使用标准的HTML、 CSS和JavaScript,开发跨平台(目前支持:Android、iOS,计划支持:Windows Phone、Firefox...

90后爱国
2016/07/05
176
0
理解ionic2 + angular2开发方案

  看了下ionic2的官方文档,做了简单的分析理解。 1. 安装使用   ionic2的安装运行基本和前版本的ionic基本一致,非常简单。 当然这里需要保证你的开发环境SDK已经安装成功了,例如Andro...

ouven
2016/09/20
1K
0
(2)ionic2--初体验

所有这一切都是在node环境下完成的,所有你需要先安装node,百度google,哪个喜欢用哪个 安装ionic2 因为还没有发布,现在的版本叫做alpha,这个版本的ionic有好多新特性,最刺激的是它完全集成了m...

boogoogle
2015/12/01
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

读书笔记:深入理解ES6 (五)

第五章 解构:使数据访问更便捷 第1节 为什么使用解构功能?   在ES5中,开发者们从对象、数组中获取特定数据并赋值给变量,编写了很多看起来同质化的代码。例如: 1 let options = {2 ...

张森ZS
8分钟前
7
0
CentOS7 yum方式安装MySQL5.7

在CentOS中默认安装有MariaDB,这个是MySQL的分支,但为了需要,还是要在系统中安装MySQL,而且安装完成之后可以直接覆盖掉MariaDB。 1 下载并安装MySQL官方的 Yum Repository [root@localho...

roockee
17分钟前
6
0
Allegro三种自定义设置快捷键的方法

Allegro自定义设置快捷键的三种方法: 1、在Allegro PCB editor 命令窗口直接定义 2、通过修改用户变量env文件来设置快捷键 3、定义笔画为快捷键 1、在Allegro PCB editor 命令窗口直接定义 ...

demyar
21分钟前
6
0
如何做一张能让人眼前一亮的大屏?

作为在职场驰骋的社会人,提到数据可视化大家应该都不陌生了。数据可视化的作用也不用我多说,主要是利用图形化手段,更清晰直观地将数据展示。多层次、交互式的可视化分析能够方便决策者理解...

朕想上头条
22分钟前
4
0
TL138/1808/6748-EthEVM开发板硬件CPU、FLASH、RAM

TL138/1808/6748-EthEVM是广州创龙基于SOM-TL138/1808/6748核心板开发的一款开发板,具有三个网络接口。由于SOM-TL138/1808/6748核心板管脚兼容,所以此三个核心板共用同一个底板。开发板采用...

Tronlong创龙
26分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部