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

Posted 我是疯子杨

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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文件

 

以上是关于eclipse+gradle+nodejs搭建web开发环境的主要内容,如果未能解决你的问题,请参考以下文章

gradle ofbiz 16 开发环境搭建

如何用express nodejs 创建web服务器

windows环境下kafka源代码开发环境搭建

kafka源码环境搭建

Java基础002 Java9开发环境搭建(Win10平台)

初识webpack与webpack环境搭建