ionic安装

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

 

一、首先安装 node.js  由于ionic2很是喜欢追求最新版本的项目  因此推荐全部工具使用最新版本。

node.js官网下载

https://nodejs.org/en/

 

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

 

二、安装ionic 终端输入  nom install -g ionic 或者若是使用了 淘宝镜像源可使用cnpm代替nom

若是以前安装过ionic2 的beta版本 必需要先卸载

npm uninstall -g ionic 

以后从新安装

查看ionic版本号

ionic -version

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

 

以后安装Cordova

npm install -g cordova

 

//查看版本号

cordova -version

 

 

三、安装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.五、安装Android SDK

安装成功后配置环境变量

名称： ANDROID_HOME

值：   路径

 

 

四、建立项目

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

ionic start MyIonic2Project tutorial --v2

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

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

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

 

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

ionic serve

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

 

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

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

 

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