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 相关文章推荐
js不是基础的基础
Dec 24 Javascript
jquery imgareaselect 使用利用js与程序结合实现图片剪切
Jul 30 Javascript
IE6、IE7中setAttribute不支持class/for/rowspan/colspan等属性
Aug 28 Javascript
jQuery实现当按下回车键时绑定点击事件
Jan 28 Javascript
浅谈Javascript中Object与Function对象
Sep 26 Javascript
通过学习bootstrop导航条学会修改bootstrop颜色基调
Jun 11 Javascript
JS实现简单的选择题测评系统代码思路详解(demo)
Sep 03 Javascript
JS实现手写parseInt的方法示例
Sep 24 Javascript
Node.js的Koa实现JWT用户认证方法
May 05 Javascript
vue实现绑定事件的方法实例代码详解
Jun 20 Javascript
Vue利用localStorage本地缓存使页面刷新验证码不清零功能的实现
Sep 04 Javascript
vue 实现弹窗关闭后刷新效果
Apr 08 Vue.js
微信小程序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多层数组和对象的转换)
2011/05/18 PHP
php中批量修改文件后缀名的函数代码
2011/10/23 PHP
PHP实现文件下载断点续传详解
2014/10/15 PHP
php实现字符串首字母大写和单词首字母大写的方法
2015/03/14 PHP
Laravel开启跨域请求的方法
2019/10/13 PHP
JS URL传中文参数引发的乱码问题
2009/09/02 Javascript
JavaScript setTimeout和setInterval的使用方法 说明
2010/03/25 Javascript
input 和 textarea 输入框最大文字限制的jquery插件
2011/10/27 Javascript
下载文件个别浏览器文件名乱码解决办法
2013/03/19 Javascript
jquery删除ID为sNews的tr元素的内容
2014/04/10 Javascript
jQuery实现图片轮播效果代码(基于jquery.pack.js插件)
2016/06/02 Javascript
jQuery Select下拉框操作小结(推荐)
2016/07/22 Javascript
手机图片预览插件photoswipe.js使用总结
2016/08/25 Javascript
js判断浏览器是否支持严格模式的方法
2016/10/04 Javascript
BootstrapTable refresh 方法使用实例简单介绍
2017/02/20 Javascript
使用JavaScriptCore实现OC和JS交互详解
2017/03/28 Javascript
JS实现侧边栏鼠标经过弹出框+缓冲效果
2017/03/29 Javascript
ES6解构赋值实例详解
2017/10/31 Javascript
利用jqgrid实现上移下移单元格功能
2018/11/07 Javascript
NodeJS和浏览器中this关键字的不同之处
2021/03/03 NodeJs
线程和进程的区别及Python代码实例
2015/02/04 Python
python+opencv实现动态物体识别
2018/01/09 Python
tensorflow学习笔记之mnist的卷积神经网络实例
2018/04/15 Python
Python实现统计给定字符串中重复模式最高子串功能示例
2018/05/16 Python
用pycharm开发django项目示例代码
2018/10/24 Python
python+opencv打开摄像头,保存视频、拍照功能的实现方法
2019/01/08 Python
Python Pandas 箱线图的实现
2019/07/23 Python
什么是python的id函数
2020/06/11 Python
开发人员所需要知道的HTML5性能分析面面观
2012/07/05 HTML / CSS
苹果中国官方网站:Apple中国
2016/07/22 全球购物
英国哈罗德园艺:Harrod Horticultural
2020/03/31 全球购物
最新的互联网创业计划书
2014/01/10 职场文书
文明学生标兵事迹
2014/01/21 职场文书
小学毕业典礼演讲稿
2014/09/09 职场文书
高二学年自我鉴定范文(2篇)
2014/09/26 职场文书
Redis实现主从复制方式(Master&Slave)
2022/06/21 Redis