Ionic2开发环境搭建教程


Posted in Javascript onAugust 20, 2020

关于网络环境:ionic开发环境不需要FQ。我这里没有设置FQ,亲测可行。但是angular2的开发环境搭建,则需要FQ网络,否则很多包会安装失败。

建议大家在搭建开发环境的时候,不要参考百度出来的各种博客,太零碎,重要的是时间久,也不一定写的对。强烈建议参考官网引导教程。

1.下载安装Node.js。官网地址,我安装的是v7.10.0版本。

2.安装完成后通过命令行 node -v 可查看安装的版本。

3.通过npm安装cordova和ionic。输入:npm install -g cordova ionic

Ionic2开发环境搭建教程

安装完成后窗口如下:

Ionic2开发环境搭建教程

4.ionic安装成功之后,即可创建你的第一个项目:ionic start myApp tabs 此处默认创建ionic2的项目,如果需要创建ionic1.x版本,则在命令的最后面加上 --v1。另外此处是tabs是模板的意思,另外还有blank/sidemenu/tutorial/super等几个模板。

Ionic2开发环境搭建教程

5.项目创建成功后,cd到项目根目录,运行ionic serve即可运行项目,会自动打开浏览器查看。

Ionic2开发环境搭建教程Ionic2开发环境搭建教程

整个Ionic2项目的目录结构如下图所示:

Ionic2开发环境搭建教程

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
ExtJS 2.0实用简明教程 之Border区域布局
Apr 29 Javascript
datagrid框架的删除添加与修改
Apr 08 Javascript
jquery滚动组件(vticker.js)实现页面动态数据的滚动效果
Jul 03 Javascript
jquery链式操作的正确使用方法
Jan 06 Javascript
Jquery操作js数组及对象示例代码
May 11 Javascript
原生javascript实现图片弹窗交互效果
Jan 12 Javascript
javascript随机显示背景图片的方法
Jun 18 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
Aug 26 Javascript
require.js的用法详解
Oct 20 Javascript
Ajax 加载数据 练习代码
Jan 05 Javascript
js图片轮播插件的封装
Jul 21 Javascript
Webpack的dll功能使用
Jun 28 Javascript
微信小程序Redux绑定实例详解
Jun 07 #Javascript
Ionic3 UI组件之Gallery Modal详解
Jun 07 #Javascript
vue2.0 中#$emit,$on的使用详解
Jun 07 #Javascript
vue2.0 自定义日期时间过滤器
Jun 07 #Javascript
详解Node.js 命令行程序开发教程
Jun 07 #Javascript
详解vee-validate的使用个人小结
Jun 07 #Javascript
微信小程序多张图片上传功能
Jun 07 #Javascript
You might like
PHP.MVC的模板标签系统(一)
2006/09/05 PHP
PHP开发大型项目的一点经验
2006/10/09 PHP
php5 apache 2.2 webservice 创建与配置(java)
2011/01/27 PHP
PHP使用mysql与mysqli连接Mysql数据库用法示例
2016/07/07 PHP
thinkPHP实现的省市区三级联动功能示例
2017/05/05 PHP
javascript实现数字验证码的简单实例
2014/02/10 Javascript
jQuery的css() 方法使用指南
2015/05/03 Javascript
JQuery简单实现锚点链接的平滑滚动
2015/05/03 Javascript
JavaScript中this的用法实例分析
2016/12/19 Javascript
通过jsonp获取json数据实现AJAX跨域请求
2017/01/22 Javascript
JavaScript+HTML5实现的日期比较功能示例
2017/07/12 Javascript
vue.js 获取select中的value实例
2018/03/01 Javascript
jQuery中复合选择器简单用法示例
2018/03/31 jQuery
js中时间格式化的几种方法
2018/07/22 Javascript
vue+Element-ui实现分页效果实例代码详解
2018/12/10 Javascript
VUE引入第三方js包及调用方法讲解
2019/03/01 Javascript
[01:33:07]VGJ.T vs Newbee Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
python练习程序批量修改文件名
2014/01/16 Python
Python使用xlrd读取Excel格式文件的方法
2015/03/10 Python
python简单程序读取串口信息的方法
2015/03/13 Python
解读Python中degrees()方法的使用
2015/05/18 Python
python开发之for循环操作实例详解
2015/11/12 Python
Python简单实现TCP包发送十六进制数据的方法
2016/04/16 Python
详解Python中的Numpy、SciPy、MatPlotLib安装与配置
2017/11/17 Python
python实现生命游戏的示例代码(Game of Life)
2018/01/24 Python
Python----数据预处理代码实例
2019/03/20 Python
详解python websocket获取实时数据的几种常见链接方式
2019/07/01 Python
python PyQt5/Pyside2 按钮右击菜单实例代码
2019/08/17 Python
Python爬虫教程之利用正则表达式匹配网页内容
2020/12/08 Python
英国专业美容产品在线:Mylee(从指甲到脱毛)
2020/07/06 全球购物
Java程序开发中如何应用线程
2016/03/03 面试题
本科生求职简历的自我评价
2013/10/21 职场文书
高校辅导员推荐信范文
2013/12/25 职场文书
2014年中学生检讨书大全
2014/10/09 职场文书
Python scrapy爬取起点中文网小说榜单
2021/06/13 Python
JavaScript函数柯里化
2021/11/07 Javascript