How to prepare your machine for GXT 4 development
For this tutorial, we will setup a GXT development machine with:
Java, Eclipse, GWT Eclipse plugin, Maven and GXT 4 installed.
You'll need to have Java 1.7 JDK installed on the mac. Sourcing down from Java 1.8 with GWT 2.7 has issues at times. If you install the Java 1.7 JDK you can change back in for with an export env variable for JAVA_HOME.
In my case I had Java 1.8 JDK already installed. So I removed the 1.8 folder this from:
Then I set the correct JAVA_HOME. On the command-line I type:
/usr/libexec/java_home -v 126.96.36.199 --exec javac -version
Then I run on the command-line:
When correct, it outputs: javac 1.7.0_79
After downloading unpack, and drag the application into the Mac applications folder.
Install the GWT Plugin for Eclipse
Start Eclipse. It will ask you to select a workspace. I suggest using a clean separate workspace. For example: /Applications/Tomcat/webapps/ROOT/GXT
You can enter the name of a new workspace or select the default. If Eclipse presents you with a welcome screen, you may close it.
Eclipse → Help → Install New Software
Click the Add button.
Use this update site: http://storage.googleapis.com/gwt-eclipse-plugin/snapshot
Select the following software:
- GWT for Eclipse → Google Plugin for Eclipse
- GWT for Eclipse → GWT SDK
Click, Next, Next, Accept, Finish
Download GXT 4
If your company has a support contract for GXT, download the latest GXT zip file from the Sencha Support Portal.
The Sencha GXT zip file contains GXT source code, GXT Javadoc and the jar files for GXT and charting. There's also a deployable Web Archive (war) for the GXT Explorer Demo.
- Create a directory for the Sencha GXT distribution and unzip the file into it.
- Navigate to index.html in the new directory and open it in the browser.
I've downloaded apache-maven-3.3.9-bin.zip from: https://maven.apache.org/download.cgi.
- Unzip it to a place on your hard drive, for example ~/bin/apache-maven-3.3.9
- Add the bin directory of the created directory apache-maven-3.3.9 to the PATH environment variable.
Confirm it worked, by running
mvn -v on the CLI.
It should output, something similar like:
Apache Maven 3.3.9 (bb52d8502b132ec0a5a3f4c09453c07478323dc5; 2015-11-10T17:41:47+01:00) Maven home: /Users/myusername/bin/apache-maven-3.3.9 Java version: 1.7.0_79, vendor: Oracle Corporation Java home: /Library/Java/JavaVirtualMachines/jdk1.7.0_79.jdk/Contents/Home/jre Default locale: en_US, platform encoding: UTF-8 OS name: "mac os x", version: "10.11.1", arch: "x86_64", family: "mac" MacBook-Pro-3:~ myusername$
And that's it, you are good to go!
To get your first GXT project up and running, I followed these 3 Sencha guides:
(In case you don't get the prompt to install the GWT Google Chrome developer plugin, follow these steps: http://docs.sencha.com/gxt/4.x/getting_started/Getting_Started_with_Touch.html