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 相关文章推荐
如何取得中文输入的真实长度?
Jun 24 Javascript
判断字符串的长度(优化版)中文占两个字符
Oct 30 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
Apr 13 Javascript
JavaScript中的对象和原型(一)
Aug 12 Javascript
vue.js中父组件调用子组件的内部方法示例
Oct 22 Javascript
jQuery实现动态加载select下拉列表项功能示例
May 31 jQuery
Vue 配合eiement动态路由,权限验证的方法
Sep 26 Javascript
egg.js的基本使用和调用数据库的方法示例
May 18 Javascript
js实现时间日期校验
May 26 Javascript
Element PageHeader页头的使用方法
Jul 26 Javascript
Vue页面手动刷新,实现导航栏激活项还原到初始状态
Aug 06 Javascript
react使用antd表单赋值,用于修改弹框的操作
Oct 29 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
1.PHP简介
2006/10/09 PHP
Mysql的GROUP_CONCAT()函数使用方法
2008/03/28 PHP
php使用base64加密解密图片示例分享
2014/01/20 PHP
php实现登录页面的简单实例
2019/09/29 PHP
List Information About the Binary Files Used by an Application
2007/06/18 Javascript
JS 图片缩放效果代码
2010/06/09 Javascript
javascript新建标签,判断键盘输入,以及判断焦点(示例代码)
2013/11/25 Javascript
使用jQuery获得内容以及内容的属性
2015/02/26 Javascript
JQuery中$.each 和$(selector).each()的区别详解
2015/03/13 Javascript
vue自定义指令实现v-tap插件
2016/11/03 Javascript
JS弹性运动实现方法分析
2016/12/15 Javascript
Node.js中 __dirname 的使用介绍
2017/06/19 Javascript
canvas基础绘制-绚丽倒计时的实例
2017/09/17 Javascript
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
2018/01/09 Javascript
详解Vue 全局引入bass.scss 处理方案
2018/03/26 Javascript
VUE搭建手机商城心得和遇到的坑
2019/02/21 Javascript
基于vue实现web端超大数据量表格的卡顿解决
2019/04/02 Javascript
JS中的算法与数据结构之集合(Set)实例详解
2019/08/20 Javascript
angular组件间传值测试的方法详解
2020/05/07 Javascript
[01:00:30]完美世界DOTA2联赛循环赛 Inki vs Matador BO2第二场 10.31
2020/11/02 DOTA
详解Python中的文本处理
2015/04/11 Python
初步讲解Python中的元组概念
2015/05/21 Python
Python基于生成器迭代实现的八皇后问题示例
2018/05/23 Python
python2.7实现爬虫网页数据
2018/05/25 Python
详解django使用include无法跳转的解决方法
2020/03/19 Python
Django-rest-framework中过滤器的定制实例
2020/04/01 Python
美国从事品牌鞋类零售的连锁店:Famous Footwear
2016/08/25 全球购物
波兰运动鞋网上商店:e-Sporting
2018/02/16 全球购物
NBA欧洲商店(西班牙):NBA Europe Store ES
2019/04/16 全球购物
求职自荐书范文
2013/12/04 职场文书
小学红领巾中秋节广播稿
2014/01/13 职场文书
乡镇综治宣传月活动总结
2014/07/02 职场文书
转让协议书范本
2014/09/13 职场文书
走群众路线学习心得体会
2014/10/31 职场文书
2015年成本会计工作总结
2015/10/14 职场文书
学者《孟子》名人名言
2019/08/09 职场文书