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文件

时间: 2024-10-04 16:31:06

eclipse+gradle+nodejs搭建web开发环境的相关文章

【Python】Eclipse和pydev搭建Python开发环境

参考资料: http://www.dotnet120.com/page/10545/ 1.准备工作: 下载32位的JDK6 Java的开发包 下载32位的Eclipse 下载Python 2.x 2.安装JDK6 3.安装Eclipse和Python 4.给Eclipse安装PyDev插件 在Help菜单中,选择Install New Software···, 选择Add按钮,Name:PyDev(这个随便起),Location:http://pydev.org/updates(PyDev的更新

Eclipse和PyDev搭建python开发环境

               Eclipse和PyDev搭建python开发环境 1.1总体目标 本文档作为python学习者的入门教程,通过本教程可以了解python用途.语法.在实际工作中的应用. Python是一种解释型.面向对象.动态数据类型的高级程序设计语言.Python是完全面向对象的语言.函数.模块.数字.字符串都是对象.并且完全支持继承.重载.派生.多继承,有益于增强源代码的复用性. Python在执行时,首先会将.py文件中的源代码编译成Python的bytecode(字节

Eclipse+ADT+SDK搭建Android开发环境

安装Eclipse Eclipse 是一个开放源代码的.基于Java的可扩展开发平台.就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境.幸运的是,Eclipse 附带了一个标准的插件集,包括Java开发工具(Java Development Kit,JDK).我们可以通过在Eclipse中添加ADT(Android Development Tools)安卓开发工具,来搭建安卓开发环境. 下载Eclipse 下载地址:http://www.eclipse.org/downloa

Myeclipse与eclipse搭建web开发环境

第一步,我们要配置tomcat环境变量.将下载好的tomcat解压到你所想要的目录下.右击我的电脑--属性----高级系统设置--环境变量.在系统变量 新建变量名:CATALINA_HOME,变量值:C:\tomcat(解压目录).启动startup.bat然后在浏览器打开http://localhost:8080/出现猫脸图案则证明配置成功! 第二步, 打开MyEclipse,Windows--preference--Myeclipse--servers--tomcat.选择你的版本,将该版本

使用Eclipse PDT + Xampp搭建Php开发环境

Eclipse版本:Eclipse Luna Service Release 2 (4.4.2) Xampp版本:XAMPP for Windows 5.6.8 1.安装环境依赖.IDE和Web服务器 1).安装Jdk,下载和安装过程略,安装后记得配置环境变量 2).下载“Eclipse for PHP Developers”或者是“Eclipse标准版”并手动安装Eclipse PDT插件 3).下载Xampp并安装,例如安装路径为“D:\SoftwareFiles\Xampp”. 2.配置E

方案:在Eclipse IDE 中搭建Python开发环境

Eclipse是一款功能强大的IDE,Python是一种功能强大的计算机语言,但是Python的IDE环境确实很缺乏,如果在强大的Eclipse中添加Python开发环境,那样就很完美了. 在这里,我们用Eclipse中的pydev插件来实现这个功能.      首先,您需要确认已经在机器中完整安装好Python,Java和Eclipse环境.      然后,我们打开Eclipse,选择菜单中的Help->Install New Software…,点Add按钮,按照下图进行操作. 最后,我们

python +Django 搭建web开发环境初步,显示当前时间

1.python 的安装 网上很多关于django跟python 开发的资料,这块我正在实习准备用这个两个合起来搞一个基于web 的东西出来现在开始学习,写点东西记录一下心得. 开发环境是windows的,所以我们到python官网下载64位的windows操作系统的安装包: https://www.python.org/ftp/python/3.4.3/python-3.4.3.amd64.msi 这个版本直接添加了系统的环境变量非常的方面(吐槽一下各种开发环境环境变量的配置). 2.Djan

zend studio(Eclipse)和PyDev搭建Python开发环境

原文是用Eclipse作开发环境,由于我已经装了zs,而zs也是基于Eclipse的,一试之下发现可以用,呵呵省事了.原文:http://www.cnblogs.com/Realh/archive/2010/10/04/1841907.html前面的全部省掉,我直接开始在zs上安装pydev插件: 4.给zs安装PyDev插件 启用Eclipse————如果前面的步骤都正确无误的话,那么Eclipse就该能够正常启动了. 第一次启动会让你选择一个工作空间,按缺省设置,勾选一下不再提醒,就可以了.

用Docker搭建web开发环境

需要解决的主要问题:如何在宿主机修改代码,在容器中实时刷新代码效果. 解决方案就是VOLUME,挂载.具体操作方式也有多种,本文通过编写compose文件的方式来实现挂载. 本文假设读者已经了解Docker的基础知识:镜像.容器的概念,Docker的基本操作. 笔者使用docker的思想是:镜像作为材料,Compose作为蓝图,通过修改蓝图来生成分别适用于开发.测试.生产环境的容器. 镜像是一个相对比较固定的部分. 具体实践是:Dockerfile来生成镜像,镜像包含运行时的必要条件(库依赖.源