Awesome

Eclipse Wild Web Developer : 🌐 Web dev in Eclipse IDE 🌘

🖊️ Edit of HTML, CSS, JavaScript, TypeScript, JSON+schema, XML+schema, YAML+schema+Kubernetes and 🦟🔫 debug Node.js and HTML+JS web-apps simply and efficiently in the 🌘 Eclipse IDE.

To see it in action, open the desired file with the Generic Editor that's included by default in the Eclipse IDE.

Rich 🖊️edition for:

• HTML
• CSS, SCSS, SASS, LESS
• JavaScript / ECMAScript
• TypeScript
• JSON (including schema support)
• YAML (including schema support, Kubernetes schema built-in)
• XML (including schema support), XSL, XSD, DTD, RelaxNG

and

• Kubernetes
• Angular (Components & Templates, in TypeScript and HTML files)
• React (JSX, TSX, embedded HTML)
• ESLint (for JavaScript and TypeScript)
• Vue.js

Supported features for edition are

• Validation (diagnostics, markers)
• Code Completion
• Hover
• Outline
• Rename refactoring
• Jump to declaration
• Find references
• Color preview
• ... and other features part of the Language Server Protocol

Supported 🦟🔫 debugging targets

• Node.js
• 🔥🦊 Firefox
• Chromium / Chrome

📥 Get it Now!

As full IDE package

Get an Eclipse IDE for JavaScript and Web developers: download from https://download.eclipse.org/wildwebdeveloper/releases/latest/IDEs , unpack and run.

As extension into an existing Eclipse IDE installation

• With Eclipse Marketplace Client and https://marketplace.eclipse.org/content/wild-web-developer-html-css-javascript-typescript-nodejs-angular-json-yaml-kubernetes-xml, choose one of:
  • Click here to install
  • Help > Eclipse Marketplace, search Wild Web Developer then click Install or
  • drag <a href="http://marketplace.eclipse.org/marketplace-client-intro?mpc_install=5578890" class="drag" title="Drag to your running Eclipse* workspace. *Requires Eclipse Marketplace Client"><img class="img-responsive" src="https://marketplace.eclipse.org/sites/all/themes/solstice/public/images/marketplace/btn-install.png" alt="Drag to your running Eclipse* workspace. *Requires Eclipse Marketplace Client" /></a> into Eclipse IDE

or

• With Help > Install New Software... with p2 repo https://download.eclipse.org/wildwebdeveloper/snapshots

🎬 Media Library

♨️ See Release Notes for details about recent major improvement in the project.

▶️ [January 2020] Quick and complete demo of Wild Web Developer and related strategy about Language Server and Debug Adapters at FOSDEM https://fosdem.org/2020/schedule/event/lspdebug/

▶️ [January 2020] Demo of ESLint in Wild Web Developer https://youtu.be/o-wI_niEz3E

▶️ [October 2019] Demo debugging JavaScript in HTML with Chrome https://youtu.be/6L071ZtnUOk

▶️ [October 2019] Demo Angular template edition assistance https://www.screencast.com/t/6GTi4jf6svR

▶️ [September 2019] Demo debugging JavaScript in HTML with Firefox https://www.youtube.com/watch?v=4Q_-CtvsEjY

📰 [June 2019] The Eclipse IDE for Web and JavaScript developers strikes back on Eclipse Foundation newsletter.

▶️ [Jun 2019] Demo of Terminal and Build integration for NPM: https://www.screencast.com/t/BbWiKutjYI95

📰 [Apr 2019] Eclipse Wild Web Developer adds a powerful YAML editor with built-in Kubernetes support on Red Hat Developers blog

▶️ [Mar 2019] Demo of YAML editor support: https://youtu.be/P9ETtuHiUco

▶️ [Feb 2019] Demo of XML editor support: https://youtu.be/fikUdUZFdzg

▶️ [Jan 2019] Demo of Node.js launch and debug: https://www.screencast.com/t/0QRpxSA3M7Qy

▶️ [Apr 2017] XML, JSON, CSS, JavaScript, TypeScript demo http://www.screencast.com/t/BaC9DxHIqD

💡 Design and Architecture

Wild Web Developer is based on the Eclipse Generic Editor framework from Eclipse Platform, Eclipse LSP4E and Eclipse TM4E in order to provide editors based on TextMate grammars, Visual Studio Code HTML CSS & JSON Language Servers, Theia's TypeScript and JavaScript language servers, Red Hat's xml-languageserver and yaml-language-server...; and on Eclipse Debug stack, LSP4E Debug Adapter Protocol support and Visual Studio Code Node Debug Adapter... to provide debugging.

⌨️ Get involved

See contribution guide.