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图片阅览组件
Nov 09 Javascript
淘宝网提供的国内NPM镜像简介和使用方法
Apr 17 Javascript
Angularjs 基础入门
Dec 26 Javascript
jquery实现简洁文件上传表单样式
Nov 02 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
Nov 23 Javascript
jQuery实现三级菜单的代码
May 09 Javascript
jQuery实现页面评论栏中访客信息自动填写功能的方法
May 23 Javascript
微信小程序 Windows2008 R2服务器配置TLS1.2方法
Dec 05 Javascript
详解用原生JavaScript实现jQuery的某些简单功能
Dec 19 Javascript
详解JavaScript中的数组合并方法和对象合并方法
May 11 Javascript
vue中使用[provide/inject]实现页面reload的方法
Sep 30 Javascript
vue cli3.0打包上线静态资源找不到路径的解决操作
Aug 03 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
xajax写的留言本
2006/11/25 PHP
php 高性能书写
2010/12/11 PHP
php 截取字符串并以零补齐str_pad() 函数
2011/05/07 PHP
php缓冲 output_buffering的使用详解
2013/06/13 PHP
浅析PHP的ASCII码转换类
2013/07/05 PHP
php上传图片类及用法示例
2016/05/11 PHP
浅谈PHP安全防护之Web攻击
2017/01/03 PHP
PHP实现驼峰样式字符串(首字母大写)转换成下划线样式字符串的方法示例
2017/08/10 PHP
短信提示使用 特效
2007/01/19 Javascript
javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异
2010/12/25 Javascript
js模仿windows桌面图标排列算法具体实现(附图)
2013/06/16 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
2013/08/09 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
2013/11/22 Javascript
node.js中的http.createServer方法使用说明
2014/12/14 Javascript
Jquery实现图片预加载与延时加载的方法
2014/12/22 Javascript
jQuery中DOM树操作之使用反向插入方法实例分析
2015/01/23 Javascript
jQuery实现在最后一个元素之前插入新元素的方法
2015/07/18 Javascript
jQuery仿360导航页图标拖动排序效果代码分享
2015/08/24 Javascript
Js的Array数组对象详解
2016/02/22 Javascript
json的结构与遍历方法实例分析
2017/04/25 Javascript
Bootstrap 表单验证formValidation 实现远程验证功能
2017/05/17 Javascript
简单实现jQuery弹窗效果
2017/10/30 jQuery
在vue项目中,将juery设置为全局变量的方法
2018/09/25 Javascript
Vue.js递归组件实现组织架构树和选人功能
2019/07/04 Javascript
原生js添加一个或多个类名的方法分析
2019/07/30 Javascript
scrapyd schedule.json setting 传入多个值问题
2019/08/07 Javascript
VUE.CLI4.0配置多页面入口的实现
2019/11/25 Javascript
使用python绘制人人网好友关系图示例
2014/04/01 Python
利用Python如何生成hash值示例详解
2017/12/20 Python
python使用建议与技巧分享(二)
2020/08/17 Python
详解selenium + chromedriver 被反爬的解决方法
2020/10/28 Python
匡威比利时官网:Converse Belgium
2017/04/13 全球购物
澳大利亚优惠网站:Deals.com.au
2019/07/02 全球购物
如何写出好的Java代码
2014/04/25 面试题
工厂仓管员岗位职责范本
2014/07/17 职场文书
农村文化活动总结
2014/08/28 职场文书