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 10 Javascript
jQuery搜索同辈元素方法
Feb 10 Javascript
JavaScrip常见的一些算法总结
Dec 28 Javascript
讲解JavaScript的Backbone.js框架的MVC结构设计理念
Feb 14 Javascript
js 连续赋值的简单实现
Jun 13 Javascript
javascript使用闭包模拟对象的私有属性和方法
Oct 05 Javascript
完美解决js传递参数中加号和&号自动改变的方法
Oct 11 Javascript
AngularJS Select(选择框)使用详解
Jan 18 Javascript
vue中v-cloak解决刷新或者加载出现闪烁问题(显示变量)
Apr 20 Javascript
JS canvas绘制五子棋的棋盘
May 28 Javascript
react中Suspense的使用详解
Sep 01 Javascript
用原生JS实现爱奇艺首页导航栏代码实例
Sep 19 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实现的随机广告显示代码
2007/06/14 PHP
php操作mysql数据库的基本类代码
2014/02/25 PHP
php字符串按照单词进行反转的方法
2015/03/14 PHP
PHP更安全的密码加密机制Bcrypt详解
2017/06/18 PHP
阿里对象存储OSS在laravel框架中的使用方法
2019/10/13 PHP
解决php扩展安装不生效问题
2019/10/25 PHP
Laravel 自动转换长整型雪花 ID 为字符串的实现
2020/10/27 PHP
运用Windows XP附带的Msicuu.exe、Msizap.exe来彻底卸载顽固程序
2007/04/21 Javascript
javascript 触发HTML元素绑定的函数
2010/09/11 Javascript
javascript截取字符串小结
2015/04/28 Javascript
实例讲解javascript注册事件处理函数
2016/01/09 Javascript
Vue.js路由组件vue-router使用方法详解
2016/12/02 Javascript
vue.js根据代码运行环境选择baseurl的方法
2018/02/28 Javascript
微信小程序动态增加按钮组件
2018/09/14 Javascript
LayUi使用switch开关,动态的去控制它是否被启用的方法
2019/09/21 Javascript
纯js实现无缝滚动功能代码实例
2020/02/21 Javascript
vue父子模板传值问题解决方法案例分析
2020/02/26 Javascript
Python数组条件过滤filter函数使用示例
2014/07/22 Python
python 读写txt文件 json文件的实现方法
2016/10/22 Python
python 类对象和实例对象动态添加方法(分享)
2017/12/31 Python
Diango + uwsgi + nginx项目部署的全过程(可外网访问)
2018/04/22 Python
Python参数解析模块sys、getopt、argparse使用与对比分析
2019/04/02 Python
Django url,从一个页面调到另个页面的方法
2019/08/21 Python
如何在VSCode上轻松舒适的配置Python的方法步骤
2019/10/28 Python
css3实现超炫风车特效
2014/11/12 HTML / CSS
CSS3 二级导航菜单的制作的示例
2018/04/02 HTML / CSS
自我评价的写作规则
2014/01/06 职场文书
公司前台辞职报告
2014/01/19 职场文书
装修协议书范本
2014/04/21 职场文书
三好学生演讲稿范文
2014/04/26 职场文书
学校三节实施方案
2014/06/09 职场文书
委托函范文
2015/01/29 职场文书
2015年项目工作总结
2015/04/29 职场文书
2015年庆祝国庆节66周年演讲稿
2015/07/30 职场文书
Mac M1安装mnmp (Mac+Nginx+MySQL+PHP) 开发环境
2021/03/29 PHP
Python制作一个随机抽奖小工具的实现
2021/07/07 Python