{"id":193413,"date":"2022-06-10T04:43:34","date_gmt":"2022-06-10T02:43:34","guid":{"rendered":"http:\/\/sftarticles.wpenginepowered.com\/en\/?p=193413"},"modified":"2025-07-01T20:40:20","modified_gmt":"2025-07-02T03:40:20","slug":"how-to-use-gwt-super-dev-button-extension","status":"publish","type":"post","link":"https:\/\/cms-articles.softonic.io\/en\/how-to-use-gwt-super-dev-button-extension\/","title":{"rendered":"How to use the GWT Super Dev Button extension in 6 steps"},"content":{"rendered":"\n

The Google Web Toolkit (GWT)<\/strong> is an open-source project that offers a developer-friendly environment called Super Dev Mode<\/strong>. The GWT toolset is for Java<\/a> developers who need to create rich AJAX applications<\/strong>. Front-end JavaScript developers<\/strong> who prefer object-oriented programming principles<\/strong> and want to leverage their Java IDE find the most value in GWT concepts and tools. <\/p>\n\n\n

\r\n
\r\n
\r\n
\r\n \"GWT\r\n <\/div>\r\n
\r\n GWT Super Dev Button<\/span>\r\n DOWNLOAD<\/a>\r\n <\/div>\r\n
\r\n <\/path><\/path><\/text><\/svg>\r\n <\/div>\r\n <\/div>\r\n
\r\n <\/span>\r\n <\/div>\r\n
\r\n \r\n <\/div>\r\n <\/a>\r\n <\/div>\r\n<\/div>\n\n\n\n

Start GWT programming<\/strong> with the Super Dev Button Chrome extension today by following these six easy steps.<\/p>\n\n\n\n

What is the GWT Super Dev Button?<\/h2>\n\n\n\n

The GWT Super Dev Button is a developer tool from Google for GWT developers<\/strong> who work in Super Dev Mode. The Super Dev Mode Chrome extension provides GWT developers with a page action button<\/strong> that allows users to view all their program modules on a specified code server<\/strong>. By clicking the GWT Super Dev Button, developers can compile the independent and interchangeable models<\/strong> without adding bookmarklets to each one.<\/p>\n\n\n\n

The GWT Super Dev Button is a convenient tool<\/strong>, but there are a few steps you should take to ensure you are set up for GWT programming first:<\/p>\n\n\n

  1. Java SDK<\/h2>\"Install

    Install the Java SDK<\/strong>. If you have previously installed a version of Java Standard Edition SDK, confirm you have the latest edition.<\/p>\n<\/div><\/li>

  2. Eclipse IDE<\/h2>\"Install

    Install Eclipse on your preferred Java IDE<\/strong>. You can use Eclipse, IntelliJ, or NetBeans<\/strong>. GWT does not tie you to a specific IDE, so any integrated development environment for Java<\/strong> will work. If your Java IDE does not include Apache Ant support<\/strong>, you should download Ant. Apache Ant lets you run and compile GWT applications.<\/p>\n<\/div><\/li>

  3. Google plugin for Eclipse<\/h2>\"Install

    Install the Google plugin for Eclipse<\/strong>. This add-on brings more functionality for engineering GWT applications.<\/p>\n<\/div><\/li>

  4. Download GWT<\/h2>\"Download

    Download GWT<\/strong>. The Google Plugin for Eclipse lets you download GWT, but downloading the most recent distribution of GWT is recommended.<\/p>\n<\/div><\/li>

  5. Unzip the Google Web Toolkit<\/h2>\"Unzip

    Now, unzip the GWT distribution<\/strong> in your desired directory. Note that GWT lacks a designated installation program. Find any GWT files you run in this extracted directory.<\/p>\n

    At this stage, you’re all set to start building apps with GWT<\/strong> and add the Super Dev Button extension. You might also consider installing Google App Engine SKD to run both Java and GWT applications<\/strong> on Google infrastructure. You can download this with the Google Plugin for Eclipse or the App Engine SDK.<\/p>\n<\/div><\/li>

  6. Download GWT Super Dev Button<\/h2>\"Download

    Download GWT Super Dev Button extension for Chrome<\/strong>. As you start creating a new GWT application<\/strong>, test the GWT Super Dev Button<\/strong> by checking the following:<\/p>\n

      \n
    • Access the Module<\/i> drop down to ensure all modules display on the specified code server<\/strong>.<\/li>\n
    • Press the Compile button<\/i> to record the Code server<\/i> URL.<\/li>\n
    • Once you change and log the Code server<\/i> URL, all the development modules should combine and reload.<\/li>\n<\/ul>\n<\/div><\/li><\/ol><\/div>