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 显示当前系统时间代码
Dec 28 Javascript
一些相见恨晚的 JavaScript 技巧
Apr 25 Javascript
js history对象简单实现返回和前进
Oct 30 Javascript
JS数组返回去重后数据的方法解析
Jan 03 Javascript
jQuery实现用户输入自动完成功能
Feb 13 Javascript
详解为Bootstrap Modal添加拖拽的方法
Jan 05 Javascript
js闭包学习心得总结
Apr 17 Javascript
给localStorage设置一个过期时间的方法分享
Nov 06 Javascript
Element Table的row-class-name无效与动态高亮显示选中行背景色
Nov 30 Javascript
Vue+Koa2+mongoose写一个像素绘板的实现方法
Sep 10 Javascript
vue中的循环对象属性和属性值用法
Sep 04 Javascript
vue route新窗口跳转页面并且携带与接收参数
Apr 10 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发明人谈MVC和网站设计架构 貌似他不支持php用mvc
2011/06/04 PHP
LAMP环境使用Composer安装Laravel的方法
2017/03/25 PHP
Laravel构建即时应用的一种实现方法详解
2017/08/31 PHP
CMSPRESS 10行代码搞定 PHP无限级分类2
2018/03/30 PHP
Laravel配置全局公共函数的方法步骤
2019/05/09 PHP
jQuery 使用手册(二)
2009/09/23 Javascript
推荐17个优美新鲜的jQuery的工具提示插件
2012/09/14 Javascript
纯js实现瀑布流展现照片(自动适应窗口大小)
2013/04/08 Javascript
原生js实现查找/添加/删除/指定元素的class
2013/04/12 Javascript
jquery form表单序列化为对象的示例代码
2014/03/05 Javascript
JavaScript中的object转换函数toString()与valueOf()介绍
2014/12/31 Javascript
JQuery实现带排序功能的权限选择实例
2015/05/18 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
2015/05/25 Javascript
jQuery无刷新分页完整实例代码
2015/10/27 Javascript
谈一谈js中的执行环境及作用域
2016/03/30 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
Vue.Draggable实现拖拽效果
2020/07/29 Javascript
jQuery中each循环的跳出和结束实例
2017/08/16 jQuery
解决Linux无法正常安装与卸载Node.js的方法
2018/01/19 Javascript
使用vue-infinite-scroll实现无限滚动效果
2018/06/22 Javascript
使用jQuery给Table动态增加行、清空table的方法
2018/09/05 jQuery
分享5个好用的javascript文件上传插件
2018/09/16 Javascript
详解jQuery如何实现模糊搜索
2019/05/10 jQuery
微信小程序 组件的外部样式externalClasses使用详解
2019/09/06 Javascript
vue.js实现h5机器人聊天(测试版)
2020/07/16 Javascript
[39:32]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第二场
2014/05/23 DOTA
[08:29]DOTA2每周TOP10 精彩击杀集锦vol.7
2014/06/25 DOTA
python网络编程学习笔记(三):socket网络服务器
2014/06/09 Python
用Python创建声明性迷你语言的教程
2015/04/13 Python
python实现键盘输入的实操方法
2019/07/16 Python
法国隐形眼镜网站:VisionDirect.fr
2020/03/03 全球购物
介绍一下gcc特性
2012/01/20 面试题
党建工作经验交流材料
2014/05/25 职场文书
先进事迹演讲稿
2014/09/01 职场文书
个人整改措施落实情况汇报
2014/10/29 职场文书
介绍一下28个JS常用数组方法
2022/05/06 Javascript