ionic安装

 对于ionic的安装大多网站都有介绍，我自己也试着安装过，但在安装中也是出现了不少的bug，在别人的指导中把顺利的安装完成，其中也是花费了不少时间。我将安装过程简单的记录下来，在下次的安装中方便借鉴。但估计还是会有bug的。废话不多说了，下面就是自己又尝试安装过了的过程

 

1、首先安装 node.js  因为ionic2非常喜欢追求最新版本的项目  所以推荐所有工具使用最新版本。

node.js官网下载

https://nodejs.org/en/

 

安装完成后终端查看 版本号 node -v    npm -v

 

2、安装ionic 终端输入  nom install -g ionic 或者如果使用了 淘宝镜像源可以使用cnpm代替nom

如果之前安装过ionic2 的beta版本 必须要先卸载

npm uninstall -g ionic 

之后重新安装

查看ionic版本号

ionic -version

不要安装beta版本 安装最近版就行

 

之后安装Cordova

npm install -g cordova

 

//查看版本号

cordova -version

 

 

3、安装JDK

如果要编译到Android平台 需要安装JDK  下载最新JDK

http://www.oracle.com/technetwork/java/javase/downloads/index.html

如果是windows电脑  需要配置环境变量

设置系统变量名称

    JAVA_HOME

    值填写安装路径

在path中添加

    %JAVA_HOME%\bin

 

查看版本号 

java -version

 

javac -version

 

3.5、安装Android SDK

安装成功后配置环境变量

名称： ANDROID_HOME

值：   路径

 

 

4、创建项目

首先cd到项目目录使用start 命令创建一个新的App

ionic start MyIonic2Project tutorial --v2

这个命令将要下载项目模板 安装npm modules 

tutorial  参数的意思是下载tutorial 模板来初始化项目如果不指定这个参数

默认会使用tabs 模板  亦或者 加一个blank参数 这样可以创建一个空白项目，但是—v2 必须要有 不然会建立一个v1.x版本的项目

 

5、在终端cd到项目文件夹下 运行

ionic serve

浏览器会打开一个地址为http://localhost:8100的窗口

 

在过程中用到了淘宝像镜，下面是命令，把淘宝像镜的命令输进终端中

因为国内的网络环境原因，在下载npm包的时候经常会遇到无法正常下载的情况。国内淘宝推出了 npm 镜像，这是一个完整的 npmjs.org  镜像，同步频率为10分钟一次，保证与官方服务同步。

 

npm install -g cnpm --registry=http://registry.npm.taobao.org

 

 

 

转载于:https://www.cnblogs.com/zhaoyong1/p/6915138.html