Ionic2安装的与项目创建

本文介绍Ionic框架的快速安装与配置流程,包括Node.js安装、使用淘宝镜像解决网络问题、配置国内镜像加速以及创建和运行Ionic项目的详细步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、准备工具

1、node.js(nodejs.org)

2、android sdk 也可直接用android studio,因为android studio安装时也会安装android SDK

3、jdk(http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html)

二、准备安装与创建

       以前我看别人视频的时候,别人都是说将android sdk和jdk先安装了,但我个人觉得,新手最先接触ionic的时候,可以先不安装,因为这两个等到真正需要运行在android手机上时才需要。所以前期可以在浏览器上测试,这样反而对新手更好,不容易混乱。jdk和android studio的安装我不写了,新手也尽量别安装了。要不然太痛苦。
1、傻瓜式安装node。安装完win+r 运行cmd  输入node -v 查看是否有node的版本号,如果有则安装ok


2、安装ionic   命令行输入 
npm install -g ionic
     因为国内的网络原因的,有些在安装ionic或者创建新项目的时候出现链接错误。所以我们可以使用淘宝镜像(npm.taobao.org)。
命令行输入 
npm install -g cnpm --registry=https://registry.npm.taobao.org
此时我们就可以使用cnpm命令安装程序了。使用cnpm安装ionic

cnpm install -g ionic
安装过程根据网络有关,有可能时间有点长,请耐心等待。


3、安装完ionic后会提示你要安装cordova(目前我还对这个的了解有点模糊,不太清楚具体作用。)

然后就按照提示安装cordova即可,安装完成后可输入 ionic -v查看版本,如果没有出现则说明安装失败



4、创建新项目。

在创建新项目之前,我们可能需要修改一下node的配置。使其可以从国内镜像网下载。

具体方法 node安装目录 --> node_modules --> npm --> npmrc,打开文件第二行输入registry=http://registry.cnpmjs.org保存。关闭cmd ,在打开cmd。此时在创建ionic项目则会快很多,也避免了出现链接错误。然后再cmd中进入要在哪个文件夹下创建ionic

创建新项目命令: ionic start myapp(myapp指ionic项目名称) --v2。  --v2是指按照ionic2的版本来创建项目。如果不写--v2则按照ionic的来创建。(我听视频说的,具体是不是我也没测试。我直接就是--v2)。创建过程中时间可能也比较长,请耐心等待。


5、运行程序。

等myapp创建完毕后,输入ionic serve等待编译,会自动打开浏览器呈现出新建ionic的项目界面。






我也是刚接触ionic一两天,然而学这个人也不是太多,很多大神也是神龙不见尾。所以就把自己遇到的问题和安装过程写在这里,希望能帮到需要帮助的人。如果有ionic的大神,请指点以上所述的缺点。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值