eclipse+gradle+nodejs搭建web开发环境

一、目标

　　主要面向对java不太熟悉新手，帮助童鞋们顺利搭建可以运行调试的web开发环境。

 

二、步骤

1、安装JDK　　

（1）Oracle官网下载最新jdk

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

注意：要根据电脑装的系统版本选择对应的jdk版本。

 

打开安装包，选择安装目录（随意，但要记得安装到了哪里），一路“下一步”，中途要重新选择jre安装路径，选择相同文件夹，建一个jre8安装。安装成功。

（2）设置环境变量，直接上图

 

注意：此处的变量值要填写刚才装JDK的路径，然后找到path，点击“编辑”

添加 %JAVA_HOME%\bin;

验证JDK安装成功，打开命令行界面

 

2.    下载安装Eclipse

 从Eclipse官网下载最新版Eclipse。

注意：下载的Eclipse要对应刚装的jdk版本（32位还是64位）选择下载安装。地址：http://www.eclipse.org/downloads/

 

 

下载完成后解压，打开Eclipse，设置一下工作目录；字体默认编码也要设置一下，utf-8。

 

3.    下载安装Gradle

 直接在Eclipse中的marketplace查找安装。

 

 

注意：若在eclipse中的help中没有找到Marketplace这个选项，可以百度自行安装上去，此安装比较简单。

在弹出的Eclipse MarketPlace对话框中，搜索gradle，选择Gradle IDE Pack安装，install。 

注：因为Google被和谐了，所以这步安装gradle有可能需要开启FQ软件。另一种方法就是百度，自己下载gradle，并安装到Eclipse上。

其他的在marketplace中下载安装的软件也是类似处理方法。

 

等待安装完成。安装成功后会重启一次Eclipse。

 

4、下载安装runjettyrun

 

仍然全选，安装

 

5、下载安装SVN（可选，略）

6、导入gradle工程

注意:要先“build”一下工程。然后选择全部，点击完成。

 

控制台提示BUILD SUCCESS，工程导入至此全部完成。

 

7、下载安装nodejs

（1）安装nodejs

Node.js下载地址：https://nodejs.org/

同以上软件安装一样，需要根据PC操作系统版本选择安装。

注意：安装完成后，要进行环境配置，这一步非常重要，否则不能正常编译和运行。

（2）安装 webpack

webpack 是一个 npm 包，所以我们通过 npm 命令来全局安装，cmd打开dos命令窗口，输入以下命令：

npm install webpack -g
安装完成后，命令行下就有 webpack 命令可用，执行 webpack --help 可以查看 webpack 提供的各种命令。

（3）开启Nodejs

调出cmd，进入web工程目录： cd D:\for-wis\workspace\wis-cloud

然后启动nodejs监控：webpack --progress --colors --watch

回车运行后，没有看到红色的提示，则说明nodejs运行成功。

注：web工程下需要有webpack.config.js文件