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 相关文章推荐
javascript操作cookie的文章(设置,删除cookies)
Apr 01 Javascript
jQuery 创建Dom元素
May 07 Javascript
使用js画图之画切线
Jan 12 Javascript
javascript检测flash插件是否被禁用的方法
Jan 14 Javascript
JS控制静态页面传递参数并获取参数应用
Aug 10 Javascript
jquery html5 视频播放控制代码
Nov 06 Javascript
vue中阻止click事件冒泡,防止触发另一个事件的方法
Feb 08 Javascript
vue中tab选项卡的实现思路
Nov 25 Javascript
jQuery zTree插件快速实现目录树
Aug 16 jQuery
layui加载数据显示loading加载完成loading消失的实例代码
Sep 23 Javascript
vue router返回到指定的路由的场景分析
Nov 10 Javascript
一篇文章了解正则表达式的替换技巧
Feb 24 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 access 数据连接与读取保存编辑数据的实现代码
2010/05/12 PHP
深入extjs与php参数交互的详解
2013/06/25 PHP
thinkphp实现附件上传功能
2017/05/26 PHP
javascript 中__proto__和prototype详解
2014/11/25 Javascript
Jquery实现textarea根据文本内容自适应高度
2015/04/03 Javascript
返回函数的JavaScript函数
2016/06/14 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
2017/07/13 Javascript
Javasript设计模式之链式调用详解
2018/04/26 Javascript
基于游标的分页接口实现代码示例
2018/11/12 Javascript
element-ui组件中input等的change事件中传递自定义参数
2019/05/22 Javascript
JS正则表达式验证端口范围(0-65535)
2020/01/06 Javascript
npx create-react-app xxx创建项目报错的解决办法
2020/02/17 Javascript
js实现带积分弹球小游戏
2020/07/21 Javascript
如何手动实现一个 JavaScript 模块执行器
2020/10/16 Javascript
python生成指定长度的随机数密码
2014/01/23 Python
使用C#配合ArcGIS Engine进行地理信息系统开发
2016/02/19 Python
django 解决manage.py migrate无效的问题
2018/05/27 Python
python入门:这篇文章带你直接学会python
2018/09/14 Python
pyqt5 获取显示器的分辨率的方法
2019/06/18 Python
Python 字符串类型列表转换成真正列表类型过程解析
2019/08/26 Python
python获取全国城市pm2.5、臭氧等空气质量过程解析
2019/10/12 Python
Python改变对象的字符串显示的方法
2020/08/01 Python
Python爬取数据并实现可视化代码解析
2020/08/12 Python
Python join()函数原理及使用方法
2020/11/14 Python
HTML5 Canvas中绘制矩形实例
2015/01/01 HTML / CSS
The North Face官方旗舰店:美国著名户外品牌
2020/09/28 全球购物
酒吧总经理岗位职责
2013/12/10 职场文书
建筑工地质量标语
2014/06/12 职场文书
个人工作作风整改措施思想汇报
2014/10/13 职场文书
公司承诺函范文
2015/01/21 职场文书
党支部工作总结2015
2015/04/01 职场文书
党员承诺书范文2015
2015/04/27 职场文书
教师师德承诺书2016
2016/03/25 职场文书
Vue+Element UI实现概要小弹窗的全过程
2021/05/30 Vue.js
Nginx使用Lua模块实现WAF的原理解析
2021/09/04 Servers
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers