/wildwebdeveloper

Simple and productive Web Development Tools in the Eclipse IDE

Primary LanguageJavaEclipse Public License 2.0EPL-2.0

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

Simple and rich edition of typical main web and configuration files (HTML, CSS, JS, TS, JSON, YAML, XML -with schema support-) and debugging of Node.js apps 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.

Supported file formats for edition:

  • HTML
  • CSS, SCSS, SASS, LESS
  • JavaScript (EcmaScript 2018 - 9th edition)
  • TypeScript 3.3
  • JSON (including schema support)
  • YAML (including schema support, Kubernetes schema built-in)
  • XML (including schema support), XSL, XSD, DTD

Supported frameworks (file specialization) for edition:

  • Kubernetes
  • Angular (Components in TypeScript files)
  • React (JSX, TSX, embedded HTML)

Supported feature 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

screenshot

⬇️ Get it Now!

Install into Eclipse IDE (pick one way or another):

In an Eclipse target platform definition:

🎬 Media Library

📰 [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 from Red Hat; and on Eclipse Debug stack, LSP4E Debug Adapter Protocol support and Visual Studio Code Node Debug Adapter to provide debugging.

⌨️ Get involved

Community support is currently available via GitHub issues.

Contribution of Code and Documentation are welcome as GitHub Pull Request.

Continuous integration is available on https://jenkins.eclipse.org/wildwebdeveloper/

Quality analysis is available on SonarCloud.