首页 > 代码库 > Nodejs+NPM+Bower+Git~+~ionic+Java JDK+Apache Ant+Android SDK,安装及配置环境

Nodejs+NPM+Bower+Git~+~ionic+Java JDK+Apache Ant+Android SDK,安装及配置环境

1.下载和安装nodejs。

可以通过官网下载,不过由于墙及国外网络等原因,可能下载缓慢。也可以通过国内中文站,以及百度搜索国内一些网站下载文件。安装NODEJS,下一步默认安装成功就可以了,

V4.4.7老版本成熟稳定可靠,菜鸟或商业环境建议老版本,也可以去官网下载最新版本,官网:https://nodejs.org/en/      中文网:http://nodejs.cn/

技术分享

技术分享

安装过程基本直接“NEXT”就可以了。(windows的安装msi文件在过程中会直接添加path的系统变量,变量值是你的安装路径,例如“C:\Program Files\nodejs”)

新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。

2.检测nodejs和npm是否安装成功。

WIN+R输入CMD,打开cmd命令行,也可以用管理员身份打开。

输入 node - v 显示当前版本号

输入 npm -v   显示当前版本号

技术分享

 

3.配置npm全局模块的存放路径和cache的路径。

如果你希望将以上两个文件夹放在nodejs的主目录下,就在nodejs下建立“node_global”及“node_cache”两个文件夹。

然后我们就在cmd中分别键入两行命令,设置路径:

npm config set prefix "C:\Program Files\nodejs\node_global" 

npm config set cache "C:\Program Files\nodejs\node_cache"

技术分享
技术分享

4.设置用户变量。

进入我的电脑→属性→高级系统设置→环境变量。

在用户变量下新建或编辑  PATH

技术分享

技术分享

 

设置系统变量。

在系统变量下新建NODE_PATH

输入C:\Program Files\nodejs\node_global\node_modules

技术分享

5.安装bower。

CMD输入   npm install -g bower

显示如下表示 bower 安装成功!

技术分享
可以在C:\Program Files\nodejs\node_global\node_modules目录下查看是否有一个bower文件夹。
 
用bower安装:进入你建好的目录,在Git Bash命令行窗口输入  bower install jquery

6.安装GIT。

GitHub是目前最好用的免费开源项目托管平台,bootstrap等项目都是托管在github上的,所以我们现在需要安装一个GIT客户端来下载bootstrap。

GIT客户端百度就有得下,安装同上,一步步默认安装就可以了,安装完以后在程序,或者桌面找到Git Bash,打开进入命令行窗口。

7.安装JDK

 地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

技术分享

勾选并选择32位或64位。点击下一步·下一步···OK!

接下来开始配置环境变量和CLASSPATH值:

首先找到刚才安装JDK的目录,例如:C:\Program Files\Java\jdk1.8.0_111

技术分享

然后回到桌面 计算机-右键-属性,选择高级系统设置,环境变量

添加系统变量JAVA_HOME,对应值:C:\Program Files\Java\jdk1.8.0_111

技术分享

点击确定。然后找到系统变量中名为PATH的环境变量,

技术分享

 

 添加:%JAVA_HOME%\bin

技术分享

然后还要添加CLASSPATH环境变量:

技术分享

技术分享

 

.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

点击确定。然后打开CMD输入javac -version 查看版本

技术分享

 至此,JDK以及Java的环境变量已经全部整好了!

8.安装Ant:

http://ant.apache.org/bindownload.cgi

技术分享

点击下载,解压到C盘也可以别的盘,例如:

技术分享

然后配置环境变量:

ANT_HOME   C:\apache-ant-1.9.7-bin\apache-ant-1.9.7

PATH       %ANT_HOME%\bin

CLASSPATH  %ANT_HOME%\lib

打开CMD输入ant,显示如下则安装成功。

技术分享

9.安装SDK:

 下载Android SDK,点击安装,直接默认路径即可! 下载地址:http://developer.android.com/sdk/index.html

 默认路径安装后,安装完成,开始配置环境变量:

  1. ANDROID_HOME    D:\Program Files\adt\sdk                              (对应sdk路径)  
  2.        path     %ANDROID_HOME%\platform-tools;  
  3.        path     %ANDROID_HOME%\tools;  

 技术分享

打开CMD输入adb

技术分享

 

10.安装ionic:

 由于npm安装过程会很慢,所以我设置了淘宝npm镜像:

用管理员身份打开CMD输入:npm install -g cnpm --registry=https://registry.npm.taobao.org

然后在用户目录下找到.npmrc

技术分享

 

添加以下内容:registry = https://registry.cnpmjs.org 然后保存。

 

技术分享

 

 在C:\Program Files\nodejs\node_modules\npm找到npmrc文件也添加该内容:registry = https://registry.cnpmjs.org

 配置好后安装ionic

用管理员身份打开CMD:

cnpm install -g ionic cordova  

安装完成后,进入你要创建项目的路径:C:\Users\songzk\Documents\ionic

1.创建项目

打开cmd: ionic start myIonic (这个过程可能会很慢,网络环境的问题,如果安装不成功的话,进入到myIonic目录输入cnpm install 这样就可以了)

进入myIonic文件夹,启动服务器: ionic serve

技术分享

 

 技术分享

 

OK!大功告成~

 

 

 

 

 

Nodejs+NPM+Bower+Git~+~ionic+Java JDK+Apache Ant+Android SDK,安装及配置环境