ionic安装

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

 
1、首先安装 node.js  因为ionic2非常喜欢追求最新版本的项目  所以推荐所有工具使用最新版本。
node.js官网下载
 
安装完成后终端查看 版本号 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
如果是windows电脑  需要配置环境变量
设置系统变量名称
    JAVA_HOME
    值填写安装路径
在path中添加
    %JAVA_HOME%in
 
查看版本号 
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