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 相关文章推荐
document.compatMode介绍
May 21 Javascript
简介JavaScript中Math.cos()余弦方法的使用
Jun 15 Javascript
深入分析下javascript中的[]()+!
Jul 07 Javascript
JS与jQuery遍历Table所有单元格内容的方法
Dec 07 Javascript
jQuery对html元素的取值与赋值实例详解
Dec 18 Javascript
JS设置cookie、读取cookie
Feb 24 Javascript
Sort()函数的多种用法
Mar 20 Javascript
jQuery实现发送验证码并60秒倒计时功能
Nov 25 Javascript
Angular2.js实现表单验证详解
Jun 23 Javascript
微信小程序实现image组件图片自适应宽度比例显示的方法
Jan 16 Javascript
vue 如何从单页应用改造成多页应用
Oct 23 Javascript
关于JavaScript轮播图的实现
Nov 20 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 缓存函数代码
2008/08/27 PHP
php异常处理技术,顶级异常处理器
2012/06/13 PHP
基于PHP生成静态页的实现方法
2013/05/10 PHP
微信营销平台系统?刮刮乐的开发
2014/06/10 PHP
Yii中表单用法实例详解
2016/01/05 PHP
Symfony控制层深入详解
2016/03/17 PHP
JSQL 批量图片切换的实现代码
2010/05/05 Javascript
jQuery 通过事件委派一次绑定多种事件,以减少事件冗余
2010/06/30 Javascript
密码框显示提示文字jquery示例
2013/08/29 Javascript
jQuery中parents()和parent()的区别分析
2014/10/28 Javascript
四种参数传递的形式——URL,超链接,js,form表单
2015/07/24 Javascript
require.js的用法详解
2015/10/20 Javascript
向JavaScript的数组中添加元素的方法小结
2015/10/24 Javascript
jquery中键盘事件小结
2016/02/24 Javascript
浅谈angular懒加载的一些坑
2016/08/20 Javascript
详解Web使用webpack构建前端项目
2017/09/23 Javascript
axios全局注册,设置token,以及全局设置url请求网段的方法
2018/09/25 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
2019/04/17 Javascript
uni-app 组件里面获取元素宽高的实现
2019/12/27 Javascript
浅析PHP与Python进行数据交互
2018/05/15 Python
python os用法总结
2018/06/08 Python
python实现飞机大战
2018/09/11 Python
Python实现监控Nginx配置文件的不同并发送邮件报警功能示例
2019/02/26 Python
如何使用Python标准库进行性能测试
2019/06/25 Python
Django框架下静态模板的继承操作示例
2019/11/08 Python
Python基本类型的连接组合和互相转换方式(13种)
2019/12/16 Python
pandas和spark dataframe互相转换实例详解
2020/02/18 Python
python 将Excel转Word的示例
2021/03/02 Python
建筑专业毕业生自荐信
2014/05/25 职场文书
2014年教师工作总结
2014/11/10 职场文书
销售2014年度工作总结
2014/12/08 职场文书
2014年机关党委工作总结
2014/12/11 职场文书
排球赛新闻稿
2015/07/17 职场文书
浅谈golang package中init方法的多处定义及运行顺序问题
2021/05/06 Golang
js判断两个数组相等的5种方法
2022/05/06 Javascript
css样式important规则的正确使用方式
2022/06/10 HTML / CSS