ionic3 框架安装

1、安装nodejs

官网：https://nodejs.org/zh-cn/

按照默认选项安装，安装完成后命令行查询npm源

npm config get registry

> https://registry.npmjs.org/                    这是默认的下载源地址

设成淘宝的源

npm config set registry https://registry.npm.taobao.org

2、安装git
官网：https://git-scm.com/downloads

按照默认选项安装。如果需要生成SSH公匙可以打开git bash生成，命令：ssh-keygen -t rsa -C "xxxxx@xxxxx.com"。

3、安装配置Java

官网：https://www.java.com/zh_CN/

注意下载的版本，Cordova仅能支持到JDK8。

安装完成后需要配置环境变量，依次打开：我的电脑-> 属性-> 高级系统设置-> 环境变量

在系统变量区域点击“新建”按钮，
新建环境变量JAVA_HOME，变量值：C:\Program Files\Java\jdk1.7.0_04，这是你安装java的目录
编辑环境变量Path，添加变量值：%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
新建环境变量ClassPath，变量值：.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
 
打开执行cmd命令，命令窗口中输入：javac 或者输入：javac -version ，如果能正确输出相关信息，则代表配置成功。通常需要注销或重启电脑才能生效。

4、安装Android

官网：http://www.android-studio.org

推荐网站：http://www.androiddevtools.cn

（1）安装Android Studio

（2）安装SDK Tools

（3）配置环境变量

方法和java基本相同，

新建环境变量ANDROID_HOME，变量值：D:\Program Files\Android\android-sdk          你实际sdk安装的位置

编辑环境变量PATH，添加变量值：%PATH%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

（4）更新SDK镜像站地址

• 启动Android SDK Manager
• 依次选择菜单『Tools』、『Options...』
• 在『Android SDK Manager - Settings』窗口中，在『HTTP Proxy Server』和『HTTP Proxy Port』输入框内填入镜像服务器地址（mirrors.zzu.edu.cn，郑州大学镜像站，不包含http://）和端口（80），并且选中『Force https://... sources to be fetched using http://...』复选框。设置完成后单击『Close』按钮关闭『Android SDK Manager - Settings』窗口
• 依次选择菜单『Packages』、『Reload』

5、安装Ionic

npm install -g cordova@latest

npm install -g ionic@latest

上面会安装最新版本，也可以指定版本安装

npm install -g ionic@3

npm install -g cordova@8

这会安装ionic3的最后版本和cordova8的最后版本

安装完成后可以在cmd命令行输入ionic --v，cordova --v查看版本号

 

最后可以下载安装微软的vs code作为开发工具，ionic3 https://ionicframework.com/docs/v3/

 

转载于:https://my.oschina.net/u/3781848/blog/3052553