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 相关文章推荐
Web版彷 Visual Studio 2003 颜色选择器
Jan 09 Javascript
javascript call方法使用说明
Jan 11 Javascript
iframe子父页面调用js函数示例
Nov 07 Javascript
AngularJS入门教程之学习环境搭建
Dec 06 Javascript
jQuery使用hide方法隐藏指定元素class样式用法实例
Mar 30 Javascript
JS制作手机端自适应缩放显示
Jun 11 Javascript
JavaScript微信定位功能实现方法
Nov 29 Javascript
JS日程管理插件FullCalendar中文说明文档
Feb 06 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
Feb 28 Javascript
jQuery实现select下拉框获取当前选中文本、值、索引
May 08 jQuery
react native仿微信PopupWindow效果的实例代码
Aug 07 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
Jun 04 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中你应该知道的require()文件包含的正确用法
2015/06/12 PHP
使用jQuery+HttpHandler+xml模拟一个三级联动的例子
2011/08/09 Javascript
jquery控制左右箭头滚动图片列表的实例
2013/05/20 Javascript
Jquery多选下拉列表插件jquery multiselect功能介绍及使用
2013/05/24 Javascript
浅谈jQuery.easyui的datebox格式化时间
2015/06/25 Javascript
JQuery实现Ajax加载图片的方法
2015/12/24 Javascript
详解XMLHttpRequest(二)响应属性、二进制数据、监测上传下载进度
2016/09/14 Javascript
jQuery实现获取隐藏div高度的方法示例
2017/02/09 Javascript
jQuery树插件zTree使用方法详解
2017/05/02 jQuery
解决JQuery全选/反选第二次失效的问题
2017/10/11 jQuery
JS中用EL表达式获取上下文参数值的方法
2018/03/28 Javascript
使用JSON格式提交数据到服务端的实例代码
2018/04/01 Javascript
Node.js笔记之process模块解读
2018/05/31 Javascript
jQuery+CSS实现的标签页效果示例【测试可用】
2018/08/14 jQuery
解决vue中修改export default中脚本报一大堆错的问题
2018/08/27 Javascript
Vue实现美团app的影院推荐选座功能【推荐】
2018/08/29 Javascript
webpack4+Vue搭建自己的Vue-cli项目过程分享
2018/08/29 Javascript
Puppeteer环境搭建的详细步骤
2018/09/21 Javascript
详解Vue组件插槽的使用以及调用组件内的方法
2018/11/13 Javascript
扫微信小程序码实现网站登陆实现解析
2019/08/20 Javascript
JavaScript常用8种数组去重代码实例
2020/09/09 Javascript
vue3自定义dialog、modal组件的方法
2021/01/04 Vue.js
JavaScript点击按钮生成4位随机验证码
2021/01/28 Javascript
在Mac OS上使用mod_wsgi连接Python与Apache服务器
2015/12/24 Python
解决PyCharm的Python.exe已经停止工作的问题
2018/11/29 Python
Python类中方法getitem和getattr详解
2019/08/30 Python
Python中的X[:,0]、X[:,1]、X[:,:,0]、X[:,:,1]、X[:,m:n]和X[:,:,m:n]
2020/02/13 Python
Python编程快速上手——疯狂填词程序实现方法分析
2020/02/29 Python
使用python3 实现插入数据到mysql
2020/03/02 Python
基于python实现matlab filter函数过程详解
2020/06/08 Python
北京泡泡网网络有限公司.net面试题
2012/07/17 面试题
了解AppleShare protocol(AppleShare协议)吗
2015/08/28 面试题
个人考核材料
2014/05/15 职场文书
2014年重阳节活动策划方案书
2014/09/16 职场文书
2015年团支书工作总结
2015/04/03 职场文书
小学运动会入场口号
2015/12/24 职场文书