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库 pj介绍
Dec 19 Javascript
在javascript中如何得到中英文混合字符串的长度
Jan 17 Javascript
PHP开发者必须掌握的6个关键字
Apr 14 Javascript
jQuery标签替换函数replaceWith()的使用例子
Aug 28 Javascript
js实现发送验证码后的倒计时功能
May 28 Javascript
javascript中sort() 方法使用详解
Aug 30 Javascript
原生js实现百叶窗效果及原理介绍
Apr 12 Javascript
JavaScript实现简单的日历效果
Sep 25 Javascript
解决VUE框架 导致绑定事件的阻止冒泡失效问题
Feb 24 Javascript
Angular5中调用第三方js插件的方法
Feb 26 Javascript
Egg.js 中 AJax 上传文件获取参数的方法
Oct 10 Javascript
微信小程序与webview交互实现支付功能
Jun 07 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不允许用户提交空表单(php空值判断)
2013/11/12 PHP
php5.4传引用时报错问题分析
2016/01/22 PHP
Yii 2中的load()和save()示例详解
2017/08/03 PHP
php curl操作API接口类完整示例
2019/05/21 PHP
让焦点自动跳转
2006/07/01 Javascript
基于jQuery的360图片展示实现代码
2012/06/14 Javascript
如何防止JavaScript自动插入分号
2015/11/05 Javascript
JavaScript学习笔记之数组的增、删、改、查
2016/03/23 Javascript
node.js插件nodeclipse安装图文教程
2020/10/19 Javascript
jQuery插件开发汇总
2016/05/15 Javascript
将form表单通过ajax实现无刷新提交的简单实例
2016/10/12 Javascript
EasyUI Combobox设置默认值 获取text的方法
2016/11/28 Javascript
JavaScript 限制文本框不可输入英文单双引号的方法
2016/12/20 Javascript
JS高级技巧(简洁版)
2018/07/29 Javascript
微信小程序生成分享海报方法(附带二维码生成)
2019/03/29 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
[09:37]DOTA2卡尔工作室 英雄介绍圣堂刺客篇
2013/06/13 DOTA
Python map和reduce函数用法示例
2015/02/26 Python
利用Python和OpenCV库将URL转换为OpenCV格式的方法
2015/03/27 Python
Python抽象类的新写法
2015/06/18 Python
Python实现的寻找前5个默尼森数算法示例
2018/03/25 Python
python画一个玫瑰和一个爱心
2020/08/18 Python
Python基础之字符串操作常用函数集合
2020/02/09 Python
基于Python的Jenkins的二次开发操作
2020/05/12 Python
tensorflow转换ckpt为savermodel模型的实现
2020/05/25 Python
详解python定时简单爬取网页新闻存入数据库并发送邮件
2020/11/27 Python
python中doctest库实例用法
2020/12/31 Python
使用layui实现左侧菜单栏及动态操作tab项的方法
2020/11/10 HTML / CSS
阿联酋电子产品购物网站:Menakart
2017/09/15 全球购物
俄罗斯达美乐比萨外送服务:Domino’s Pizza
2020/12/18 全球购物
行政人员岗位职责
2013/12/08 职场文书
2015年秘书个人工作总结
2015/04/25 职场文书
python 实现定时任务的四种方式
2021/04/01 Python
JS实现简单控制视频播放倍速的实例代码
2021/04/18 Javascript
springboot+zookeeper实现分布式锁
2022/03/21 Java/Android
如何让你的Nginx支持分布式追踪详解
2022/07/07 Servers