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面试题 可以提前实现下
Jan 05 Javascript
javascript中有趣的反柯里化深入分析
Dec 05 Javascript
jQuery的Ajax的自动完成功能控件简要说明
Feb 22 Javascript
将input file的选择的文件清空的两种解决方案
Oct 21 Javascript
利用js实现在浏览器状态栏显示访问者在本页停留的时间
Dec 29 Javascript
jquery中load方法的用法及注意事项说明
Feb 22 Javascript
jquery实现焦点图片随机切换效果的方法
Mar 12 Javascript
javascript实现倒计时并弹窗提示特效
Jun 05 Javascript
JavaScript类继承及实例化的方法
Jul 25 Javascript
jQuery simpleModal插件的使用介绍
Aug 30 Javascript
Angular.Js中ng-include指令的使用与实现
May 07 Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
Sep 27 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
人大复印资料处理程序_查询篇
2006/10/09 PHP
php 删除记录实现代码
2009/03/12 PHP
php下删除一篇文章生成的多个静态页面
2010/08/08 PHP
php 大数据量及海量数据处理算法总结
2011/05/07 PHP
PHP的一个基础知识 表单提交
2011/07/04 PHP
PHP FOR MYSQL 代码生成助手(根据Mysql里的字段自动生成类文件的)
2011/07/23 PHP
PHP文件锁定写入实例解析
2014/07/14 PHP
php版微信数据统计接口用法示例
2016/10/12 PHP
PHP 实现重载
2021/03/09 PHP
JScript的条件编译
2007/05/29 Javascript
用JS写的一个TableView控件代码
2010/01/23 Javascript
jQuery 文本框得失焦点的简单实例
2014/02/19 Javascript
Javascript遍历Html Table示例(包括内容和属性值)
2014/07/08 Javascript
JavaScript使用位运算符判断奇数和偶数的方法
2015/06/01 Javascript
JS获取元素多层嵌套思路详解
2016/05/16 Javascript
boostrapTable的refresh和refreshOptions区别浅析
2017/01/22 Javascript
SVG描边动画
2017/02/23 Javascript
纯JS实现弹性导航条效果
2017/03/06 Javascript
谈谈JS中的!!
2017/12/07 Javascript
js中比较两个对象是否相同的方法示例
2019/09/02 Javascript
[49:11]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.20
2020/12/23 DOTA
将图片文件嵌入到wxpython代码中的实现方法
2014/08/11 Python
13个最常用的Python深度学习库介绍
2017/10/28 Python
Scrapy抓取京东商品、豆瓣电影及代码分享
2017/11/23 Python
Python解决抛小球问题 求小球下落经历的距离之和示例
2018/02/01 Python
python将一组数分成每3个一组的实例
2018/11/14 Python
python实现输出一个序列的所有子序列示例
2019/11/18 Python
python PIL模块的基本使用
2020/09/29 Python
Python基于Webhook实现github自动化部署
2020/11/28 Python
html5借用repeating-linear-gradient实现一把刻度尺(ruler)
2019/09/09 HTML / CSS
印度在线购物网站:Paytmmall
2019/07/24 全球购物
在校生汽车维修实习自我鉴定
2013/09/19 职场文书
家长写给老师的建议书
2014/03/13 职场文书
入党积极分子评语
2014/05/04 职场文书
2015年节能减排工作总结
2015/05/14 职场文书
瞿秋白纪念馆观后感
2015/06/10 职场文书