| <!DOCTYPE HTML> |
| <html> |
| |
| <head> |
| <!-- ************* Meta ************* --> |
| <title>Eclipse N4JS Language and IDE</title> |
| |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> |
| |
| <!-- ************* OpenGraph ************--> |
| <meta name="description" content="The Eclipse N4JS language and its IDE enable high-quality JavaScript development for large Node.js projects."> |
| |
| <meta property="og:site_name" content="Eclipse N4JS"/> |
| <meta property="og:title" content="Eclipse N4JS Language and IDE"/> |
| <meta property="og:url" content="https://eclipse.org/n4js"/> |
| <meta property="og:description" content="The Eclipse N4JS language and its IDE enable high-quality JavaScript development for large Node.js projects."/> |
| <meta property="og:image" content="images/n4js.png"> |
| |
| <!-- ************* JQuery ************* --> |
| <script src="https://code.jquery.com/jquery-1.12.4.js"></script> |
| <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> |
| |
| <!-- ************* Favicon ************--> |
| <link rel="icon" href="images/favicon.ico" /> |
| <link rel="icon" type="image/png" href="images/favicon-32x32.png" sizes="32x32" /> |
| <link rel="icon" type="image/png" href="images/favicon-16x16.png" sizes="16x16" /> |
| |
| <!-- ************* Styles ************* --> |
| <link rel="stylesheet" type="text/css" href="styles/styles.min.css"> |
| |
| <!-- ****************** Required for buttom to top scripts ****************** --> |
| <link rel="stylesheet" type="text/css" href="styles/backtotop.css"> |
| </head> |
| |
| <body> |
| |
| <header class="Grid"> |
| <div class="Cell Cell--4-12"> |
| <a href="index.html"><img src="images/n4js-logo.png" alt="Eclipse N4JS Language and IDE"></a> |
| </div> |
| |
| <div class="Cell Cell--8-12"> |
| <nav> |
| <a href="downloads.html">Download</a> · |
| <a href="community.html">Community</a> · |
| <a href="userguides/index.html">Documentation</a> |
| </nav> |
| </div> |
| </header> |
| |
| |
| <div class="Main"> |
| |
| <article class="Grid" id="download"> |
| <div class="Cell Cell--12-12"> |
| <br/> |
| <h1 id="_download">Download</h1> |
| </div> |
| |
| <div class="Cell Cell--12-12 GettingStarted-u-paddingLeft"> |
| <h2 id ="_eclipse_installer">Nightly Builds</h2> |
| <p>Since the Eclipse N4JS project is in incubation phase, we do not provide release versions yet. You can find links to nightly builds (update site and products for Windows, Linux and macos) at the |
| <a href="https://projects.eclipse.org/projects/technology.n4js/downloads">N4JS Eclipse project's download page</a>. |
| </p> |
| <br/> |
| </div> |
| |
| <div class="Cell Cell--12-12 GettingStarted-u-paddingLeft"> |
| <h2 id ="_eclipse_installer">Eclipse Installer (Oomph)</h2> |
| <p>For developing extensions for the N4JS language (or simply to fix bugs ;-) ), the recommended way to install the Eclipse IDE and set up the N4JS Java sources in a developer workspace is to use the Eclipse Installer. This installer is available from <a href="https://wiki.eclipse.org/Eclipse_Installer">Eclipse.org</a>. Run the installer and follow these steps: |
| |
| <ol> |
| <li>Switch to <b>Advanced Mode</b> via the menu located in the upper-right corner</li> |
| <li>Select a product, e.g. "Eclipse IDE for Eclipse Committers" with a product version (Neon is recommended)</li> |
| <li>Double-click the entry <b>Eclipse Projects/N4JS</b> so that it is shown in the catalog view</li> |
| <li>On the next page, configure your desired paths for the installation and workspace directories</li> |
| <li>Begin installation</li> |
| </ol> |
| |
| The installer will guide you through the rest of the installation process. |
| The workspace and all plug-ins are downloaded and configured automatically. The necessary git repository is also fetched and configured in the workspace. |
| </p> |
| </div> |
| |
| <div class="Cell Cell--12-12 Downloads-u-paddingLeft Downloads-u-paddingRight"> |
| <p class="SystemRequirements">System Requirements: In all cases, <a href="http://www.oracle.com/technetwork/java/javase/downloads/index.html">Java 8</a> is required to be installed on your system. <a href="https://nodejs.org/en/download/">Node.js version 8+</a> is also required. The N4JS plugins require the <a href="https://www.eclipse.org/downloads/">Eclipse Oxygen release (4.7)</a>.</p> |
| </div> |
| </article> |
| </div> |
| |
| <footer class="Grid" style="color:#d5dfea"> |
| <div class="Cell Cell--2-12 m-Cell--withMargin"> |
| <h2>Quick Links</h2> |
| <ul> |
| <li><a href="downloads.html">Download</a></li> |
| <li><a href="userguides/index.html">Documentation</a></li> |
| <li><a href="https://github.com/eclipse/n4js/">Source</a></li> |
| <li><a href="https://github.com/eclipse/n4js/issues">Issues</a></li> |
| </ul> |
| </div> |
| <div class="Cell Cell--2-12 m-Cell--withMargin"> |
| <br/><br/> |
| <ul> |
| <li><a href="https://www.eclipse.org/forums/index.php/f/365/">Forum</a></li> |
| <li><a href="http://n4js.blogspot.de/">Blog</a></li> |
| <li><a href="https://dev.eclipse.org/mailman/listinfo/n4js-dev">Mailing List</a></li> |
| <li><a href="https://projects.eclipse.org/projects/technology.n4js">Eclipse Project Page</a></li> |
| <li><a href="https://twitter.com/n4jsdev">Tweets by n4jsdev</a></li> |
| </ul> |
| </div> |
| <div class="Cell Cell--2-12 m-Cell--withMargin"> |
| <br/><br/> |
| <ul> |
| <li><a href="http://www.eclipse.org/">Eclipse Home</a></li> |
| <li><a href="http://www.eclipse.org/legal/privacy.php">Privacy Policy</a></li> |
| <li><a href="http://www.eclipse.org/legal/termsofuse.php">Terms of Use</a></li> |
| <li><a href="http://www.eclipse.org/legal/copyright.php">Copyright Agent</a></li> |
| <li><a href="http://www.eclipse.org/legal/">Legal</a></li> |
| </ul> |
| </div> |
| <div style="clear: both; height: 0; overflow: hidden;"></div> |
| </footer> |
| |
| <script type="text/javascript"> |
| // Create a back to top button |
| $('body').append('<a href="#" class="back-to-top" style="right:5%">Back to Top</a>'); |
| var amountScrolled = 300; |
| $(window).scroll(function() { |
| if ( $(window).scrollTop() > amountScrolled ) { |
| $('a.back-to-top').fadeIn('slow'); |
| } else { |
| $('a.back-to-top').fadeOut('slow'); |
| } |
| }); |
| $('a.back-to-top, a.simple-back-to-top').click(function() { |
| $('html, body').animate({ |
| scrollTop: 0 |
| }, 700); |
| return false; |
| }); |
| </script> |
| |
| </body> |
| </html> |
