Repository files navigation

🖊️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
• Markdown
• 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)
• Astro
• 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

• With Eclipse Marketplace Client andhttps://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, searchWild Web Developer then clickInstall or
  • drag into Eclipse IDE

or

• WithHelp > Install New Software... with p2 repohttps://download.eclipse.org/wildwebdeveloper/snapshots

♨️ SeeRelease 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 FOSDEMhttps://fosdem.org/2020/schedule/event/lspdebug/

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

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

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

▶️ [September 2019] Demo debugging JavaScript in HTML with Firefoxhttps://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 demohttp://www.screencast.com/t/BaC9DxHIqD

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

Seecontribution guide.