Eclipse+gradle+nodejs Building a Web development environment

First, the goal

The main target for Java is not familiar with the novice, to help children's shoes to build a smooth running debugging Web development environment.

Ii. Step 1, install the JDK (1) Download the latest JDK from Oracle website

Address: http://www.oracle.com/technetwork/java/javase/downloads/index.html

Note: To select the corresponding JDK version based on the system version installed on your computer.

Open the installation package, select the installation directory (optional, but remember where to install), the "next", halfway to select the JRE installation path, select the same folder, build a Jre8 installation. The installation was successful.

(2) Setting environment variables, directly

Note: The variable value here is to fill in the path of the JDK just installed, then find the path, click "Edit"

Add%java_home%\bin;

To verify that the JDK installation was successful, open the command line interface

2. Download and install Eclipse

Download the latest version of Eclipse from the Eclipse website.

Note: Download the eclipse to select the download installation for the newly installed JDK version (32-bit or 64-bit). Address: http://www.eclipse.org/downloads/

After downloading, unpack, open Eclipse, set the working directory, font default encoding also to set, Utf-8.

3. Download and install Gradle

Find the installation directly in marketplace in Eclipse.

Note: If the marketplace option is not found in the help in Eclipse, Baidu can install it on its own, this installation is relatively simple.

In the Eclipse Marketplace dialog box that pops up, search for Gradle, select Gradle IDE pack installation, install.

Note: Because Google is harmonized, this step installs gradle may need to turn on the FQ software. Another way is Baidu, download Gradle, and install to eclipse.

Other software that is downloaded and installed in marketplace is a similar approach.

Wait for the installation to complete. The eclipse is restarted once the installation is successful.

4. Download and install Runjettyrun

Still Select all, install

5, download and install SVN (optional, slightly) 6, Import Gradle Project

Note: to "build" the project first. Then select all and click Done.

Console tip build SUCCESS, Project import is complete.

7, download install Nodejs (1) Install Nodejs

node.js:https://nodejs.org/

As with the above software installation, it is necessary to select the installation according to the PC OS version.

Note: After the installation is complete, it is important to configure the environment, otherwise it will not compile and run properly.

(2) Installation Webpack

Webpack is a NPM package, so we use the NPM command to install the global, cmd Open the DOS command window, enter the following command:

NPM Install Webpack-g
After the installation is complete, the Webpack command is available at the command line, and the Webpack--help can be used to view the various commands provided by Webpack.

(3) Open Nodejs

Call up cmd and go to the Web Project catalog: CD D:\for-wis\workspace\wis-cloud

Then start Nodejs monitoring: Webpack--progress--colors--watch

When the carriage return runs, you do not see a red hint, which indicates that the Nodejs run successfully.

Note: Webpack.config.js files are required under Web engineering

Eclipse+gradle+nodejs Building a Web development environment