一、目标
主要面向对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文件