2.ionic系列之ionic开发环境搭建(一)
来源:互联网 发布:云计算与hadoop 编辑:程序博客网 时间:2024/04/29 04:53
工欲善其事,必先利其器。本文将介绍在windows平台及mac ox平台搭建ionic开发环境的过程。
1.安装Node.js
打开Node.js官网:https://nodejs.org/官网有两个版本的node.js一个是LTS(长期支持版本),一个是Current当前版本,建议使用LTS版本下载使用。安装时,windows平台安装时一直下一步下一步就OK,mac ox平台直接安装就行。安装完成后windows打开命令行,而mac ox打开终端,输入:
node –v
后回车,若出现node版本号则安装成功。
图1 node.js官网
图2 node.js安装成功,输入node –v
2.安装cordova
windows和mac ox分别打开命令行和终端使用以下命令安装cordova
npm install –g cordova
输入
cordova –v
提示cordova版本号则表示安装成功
3.安装ionic
使用命令安装:
npm install -g ionic
输入
ionic –v
若弹出ionic版本则表示安装成功
使用命令行或终端进入要创建ionic项目的目录输入
ionic start myproject
后输入
cd myproject
可进入创建的项目
输入
ionic serve
将提示输入调试地址提示,输入localhost即可(windows环境下会弹出窗口报错,不用管他,直接在谷歌浏览器中输入http://localhost:8100/#/tab/dash即可,剩下操作和max ox一样),mac ox下将直接自动打开谷歌浏览器,按住command+alt+i键(windows是F12)进入调试模式点击下图中的按钮可预览ionic项目在手机上运行的样子,至此一个完整的ionic官方demo就搭建好了。
图5 谷歌浏览器模拟手机
图6 demo运行后的样子
- 2.ionic系列之ionic开发环境搭建(一)
- 混合开发(Hybrid App)之 Ionic【一】-- 认识Ionic,搭建开发环境,创建项目
- (一) Ionic 环境搭建
- ionic 开发环境搭建
- Ionic开发环境搭建
- Ionic 开发环境搭建
- (一)ionic开发环境搭建
- 混合开发(一)Ionic环境搭建
- ionic开发介绍之环境搭建
- Ionic(一)环境搭建
- Ionic开发Android环境搭建
- Ionic+Cordova开发环境搭建
- ionic的开发环境搭建
- ionic 环境搭建之marc
- Ionic制作Hybrid App系列一:Mac环境下Ionic的搭建
- ionic云开发系列一
- phonegap+ionic学习(一)--搭建开发环境
- Ionic从零单排(一)——Ionic开发环境搭建
- Add and Search Word
- jQuery-DOM节点的插入
- subarray、subsequence的区别
- 设计模式之中介者模式
- HDU 1863 畅通工程
- 2.ionic系列之ionic开发环境搭建(一)
- php常用函数-数组
- 转载海科SEO-探秘qq空间seo设置
- Android系统架构
- 手动构造完全与`char *argv[]` 等价的参数
- Java之------socket系列(一)
- Java中静态变量与静态方法的继承
- CPU的前世今生
- android讲义 2016/5/8