Wild Web Developer: HTML, CSS, JavaScript, TypeScript, Node.js, Angular, JSON, YAML (+Kubernetes), XML

Add this URL to your Eclipse Installation to reach this solution's update site.

2020-03 (4.15)
2019-12 (4.14)
2019-09 (4.13)

http://download.eclipse.org/wildwebdeveloper/releases/latest/

2019-06 (4.12)
2019-03 (4.11)
2018-12 (4.10)
2018-09 (4.9)
Photon (4.8)

http://download.eclipse.org/wildwebdeveloper/releases/0.4.1/

Learn more...

Details Group Tabs

Details

Edit HTML, CSS, JavaScript, TypeScript (+ESLint), JSON (+schema), XML (+schema), YAML (+schema), with specialized support for Angular, React and 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.

Supported file formats for edition:

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

Supported frameworks (file specialization) and linters for edition:

Angular (template assistance in HTML and TS files)
Kubernetes (schema built-in when editing YAML)
React (JSX, TSX, embedded HTML)
ESLint (including Typescript-ESLint)

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 target

Node.js
Firefox
Chromium and Chrome

Categories:

Tags:

Additional Details

Eclipse Versions:

2019-06 (4.12), 2019-03 (4.11), 2018-12 (4.10), 2018-09 (4.9), Photon (4.8), 2020-03 (4.15), 2019-12 (4.14), 2019-09 (4.13)

Platform Support:

Windows, Mac, Linux/GTK

Organization Name:

Eclipse Wild Web Developers Contributors

Date Created:

Thu, 2017-04-13 10:52

Development Status:

Production/Stable

License:

EPL

Date Updated:

Wed, 2020-01-29 05:18

Submitted by:

Mickael Istria

Screenshots

Metrics

Date	Ranking	Installs	Clickthroughs
January 2020	18/865	5366 (1.23%)	68
December 2019	18/876	5640 (1.21%)	62
November 2019	18/900	6014 (1.13%)	76
October 2019	22/888	6056 (1.06%)	101
September 2019	25/878	4896 (0.91%)	63
August 2019	26/900	4431 (0.86%)	46
July 2019	28/911	3982 (0.7%)	63
June 2019	28/919	3519 (0.68%)	51
May 2019	31/913	4011 (0.69%)	93
April 2019	28/923	4353 (0.73%)	79
March 2019	37/920	3159 (0.52%)	118
February 2019	37/924	2710 (0.52%)	38

View Data for all Listings

Errors

Unsuccessful Installs in the last 7 Days: 133

Count	Error Message
69	Cannot continue the operation. There is another install operation in progress.
35	Cannot complete the install because one or more required items could not be found....
23	Cannot complete the install because one or more required items could not be found....
4	Cannot complete the install because one or more required items could not be found....
1	Cannot complete the install because one or more required items could not be found....
1	Cannot complete the install because one or more required items could not be found....

Download last 500 errors (CSV)

External Install Button

Marketplace Drag to Install button

By adding the following code below to your website you will be able to add an install button for Wild Web Developer: HTML, CSS, JavaScript, TypeScript, Node.js, Angular, JSON, YAML (+Kubernetes), XML.

HTML Code:

Markdown Syntax:

Output:

Drag to your running Eclipse* workspace. *Requires Eclipse Marketplace Client

Wednesday, January 29, 2020 - 14:16

Problems/bugs in Windows 10 (64bit) + Eclipse 2019-09 R (4.13.0)

Submitted by John C on Tue, 2019-12-10 06:36

I have been using the Angular Eclipse (by Angelo ZERR) plugin for a couple of years, but decided to give the Wild Web Developer plugin a try today, although with limited success.

The first hurdle was a dialog (actually dozens of them, which appear repeatedly after any mouse movement over a source file) saying "Node.js version could not be determined. Please make sure a supported version of node.js is installed, editors may be missing key features otherwise. Supported major versions are: 8, 9, 10, 11, 12, 13".

I have version 10.17.0 installed in "C:\Program Files\nodejs", but WWD does not appear to be able to detect it correctly. After searching extensively for this error message (again, mostly unsuccessfully), I eventually landed on the Github page for the source file involved in the node version check (github.com/jabby/wildwebdeveloper/commit/20149e1a6913f309d47de25b8c5174375553d0a9#diff-bc8d0fb247d15f842c56c8acda87abad).

The code shows that the builtin "where" command is used to locate the path to the node executable (in my case C:\Program Files\nodejs\node.exe). The returned path is then executed with the "-v" option to obtain the version of Node. However I suspect that the command is not being correctly executed (due to the space in the path?) because the code is unable to determine the version of Node, even though the executable exists.

I then realised that the path could be forced by adding "-Dorg.eclipse.wildwebdeveloper.nodeJSLocation=C:\Program Files\nodejs\node.exe" to the eclipse.ini file. This did indeed allow me to open Eclipse without being bombarded with dialog messages (note to devs, I think a single error message, or at most one error per filetype, and per session should be sufficient, and not a dozen (or more) every time the mouse moves a pixel over a source file!)

Although setting the path directly in the ini file solves the immediate problem, if Eclipse is restarted (File -> Restart) the ini file is not read and the global property is no longer set - resulting in the reappearance of the dozens of popup error messages.

But perhaps that's a problem that should be reported to the Eclipse team.

After finally getting the plugin installed and reopening my TS and HTML files with the Generic Text Editor, I was immediately presented with a bunch of red error markers. Some of the (Angular) errors are useful (unused imports etc.) but some, for example "let- is only supported in ng-template elements" and "Component '...' is not included in a module and will not be available inside a template..." are irritating, to say the least, because they appear to refer to restrictions implemented in later versions of Angular than the one I am using (2.0), and there does not appear to be any way to disable or configure them.

And finally, the plugin org.eclipse.lsp4e (installed with WWD) appears to have some issues, given the number of problems that are being logged in the Error log pane. For example:

java.util.concurrent.TimeoutException
	at java.util.concurrent.CompletableFuture.timedGet(Unknown Source)
	at java.util.concurrent.CompletableFuture.get(Unknown Source)
	at org.eclipse.lsp4e.operations.hover.LSPTextHover.getHoverRegion(LSPTextHover.java:187)
	at org.eclipse.ui.internal.genericeditor.hover.CompositeTextHover.getHoverRegion(CompositeTextHover.java:101)
	at org.eclipse.jface.text.TextViewerHoverManager.computeInformation(TextViewerHoverManager.java:142)
	at org.eclipse.jface.text.AbstractInformationControlManager.doShowInformation(AbstractInformationControlManager.java:1101)
	at org.eclipse.jface.text.AbstractHoverInformationControlManager$MouseTracker.mouseHover(AbstractHoverInformationControlManager.java:511)
	at org.eclipse.swt.widgets.TypedListener.handleEvent(TypedListener.java:212)
	at org.eclipse.swt.widgets.EventTable.sendEvent(EventTable.java:89)
	at org.eclipse.swt.widgets.Display.sendEvent(Display.java:4173)
	at org.eclipse.swt.widgets.Widget.sendEvent(Widget.java:1057)
	at org.eclipse.swt.widgets.Display.runDeferredEvents(Display.java:3986)
	at org.eclipse.swt.widgets.Display.readAndDispatch(Display.java:3585)
	at org.eclipse.e4.ui.internal.workbench.swt.PartRenderingEngine$5.run(PartRenderingEngine.java:1160)
	at org.eclipse.core.databinding.observable.Realm.runWithDefault(Realm.java:338)
	at org.eclipse.e4.ui.internal.workbench.swt.PartRenderingEngine.run(PartRenderingEngine.java:1049)
	at org.eclipse.e4.ui.internal.workbench.E4Workbench.createAndRunUI(E4Workbench.java:155)
	at org.eclipse.ui.internal.Workbench.lambda$3(Workbench.java:633)
	at org.eclipse.core.databinding.observable.Realm.runWithDefault(Realm.java:338)
	at org.eclipse.ui.internal.Workbench.createAndRunWorkbench(Workbench.java:557)
	at org.eclipse.ui.PlatformUI.createAndRunWorkbench(PlatformUI.java:150)
	at org.eclipse.ui.internal.ide.application.IDEApplication.start(IDEApplication.java:150)
	at org.eclipse.equinox.internal.app.EclipseAppHandle.run(EclipseAppHandle.java:203)
	at org.eclipse.core.runtime.internal.adaptor.EclipseAppLauncher.runApplication(EclipseAppLauncher.java:137)
	at org.eclipse.core.runtime.internal.adaptor.EclipseAppLauncher.start(EclipseAppLauncher.java:107)
	at org.eclipse.core.runtime.adaptor.EclipseStarter.run(EclipseStarter.java:400)
	at org.eclipse.core.runtime.adaptor.EclipseStarter.run(EclipseStarter.java:255)
	at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method)
	at sun.reflect.NativeMethodAccessorImpl.invoke(Unknown Source)
	at sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source)
	at java.lang.reflect.Method.invoke(Unknown Source)
	at org.eclipse.equinox.launcher.Main.invokeFramework(Main.java:660)
	at org.eclipse.equinox.launcher.Main.basicRun(Main.java:597)
	at org.eclipse.equinox.launcher.Main.run(Main.java:1468)

and

java.util.concurrent.TimeoutException
	at java.util.concurrent.CompletableFuture.timedGet(Unknown Source)
	at java.util.concurrent.CompletableFuture.get(Unknown Source)
	at org.eclipse.lsp4e.operations.hover.LSPTextHover.getHoverInfo(LSPTextHover.java:108)
	at org.eclipse.ui.internal.genericeditor.hover.CompositeTextHover.getHoverInfo2(CompositeTextHover.java:60)
	at org.eclipse.jface.text.TextViewerHoverManager$4.run(TextViewerHoverManager.java:169)

and finally

org.eclipse.core.internal.resources.ResourceException: Marker id 109017 not found.
	at org.eclipse.core.internal.resources.Marker.checkInfo(Marker.java:63)
	at org.eclipse.core.internal.resources.Marker.setAttribute(Marker.java:260)
	at org.eclipse.lsp4e.operations.codeactions.LSPCodeActionMarkerResolution.lambda$3(LSPCodeActionMarkerResolution.java:163)
	at java.util.concurrent.CompletableFuture.uniAccept(Unknown Source)
	at java.util.concurrent.CompletableFuture$UniAccept.tryFire(Unknown Source)
	at java.util.concurrent.CompletableFuture$Completion.exec(Unknown Source)
	at java.util.concurrent.ForkJoinTask.doExec(Unknown Source)
	at java.util.concurrent.ForkJoinPool$WorkQueue.runTask(Unknown Source)
	at java.util.concurrent.ForkJoinPool.runWorker(Unknown Source)
	at java.util.concurrent.ForkJoinWorkerThread.run(Unknown Source)

In summary, as much as I would like to use this new and improved (?!) plugin, it doesn't yet appear to be ready for general use (or maybe I'm just unlucky?!). So I guess I'll be going back to the original Angular Eclipse plugin - it's not perfect, but is at least more stable than the current version of WWD.

Please use https://github.com

Submitted by Mickael Istria on Wed, 2019-12-18 09:18

Please use https://github.com/eclipse/wildwebdeveloper/issues to report bugs or ask for support.

first installation and using

Submitted by Ivan Semikin on Wed, 2019-07-03 07:20

I have "Eclipse Wild Web Developer" pugun installed, There is still no editiing tip in .js files.

I used these instructions on github:

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

With Eclipse Marketplace Client and https://marketplace.eclipse.org/content/wild-web-developer-web-developme..., choose one of:

Help > Eclipse Marketplace, search Wild Web Developer then click Install or

drag into Eclipse IDE, or

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

Re: first installation and using

Submitted by Mickael Istria on Tue, 2019-08-13 02:53

Please report issue or ask for support by using GitHub issues.

JSON Formatting doesn't work

Submitted by Igor Khlaponin on Tue, 2019-04-09 03:19

This plugin is pretty cool. But the major issue, as for me, is JSON formatting. I cannot format JSON neither through Ctrl+Shift+F nor through RMB->Format (this menu item even inactive). On the other hand, code completion works as expected.

OS: Centos 7, Java 8, Eclipse 2018-12

P.S. Kubernetes schema support is awesome!

Re: JSON Formatting doesn't work

Submitted by Mickael Istria on Tue, 2019-04-09 09:03

Thanks, can you please report this issue to https://github.com/eclipse/wildwebdeveloper/issues and we'll investigate it, and hopefully ship it soon ;)

Re: Re: JSON Formatting doesn't work

Submitted by Igor Khlaponin on Wed, 2019-04-10 14:55

Done. Eclipse marketplace doesn't allow external links, so I sent it you in Twitter

Wild Web Developer: HTML, CSS, JavaScript, TypeScript, Node.js, Angular, JSON, YAML (+Kubernetes), XML Eclipse Project

Drag to Install!

2020-03 (4.15)
2019-12 (4.14)
2019-09 (4.13)

2019-06 (4.12)
2019-03 (4.11)
2018-12 (4.10)
2018-09 (4.9)
Photon (4.8)

Details Group Tabs

Marketplace Drag to Install button

Wild Web Developer: HTML, CSS, JavaScript, TypeScript, Node.js, Angular, JSON, YAML (+Kubernetes), XML Eclipse Project

Drag to Install!

2020-03 (4.15)2019-12 (4.14)2019-09 (4.13)

2019-06 (4.12)2019-03 (4.11)2018-12 (4.10)2018-09 (4.9)Photon (4.8)

Details Group Tabs

Marketplace Drag to Install button

Reviews Sign in to post reviews

Problems/bugs in Windows 10 (64bit) + Eclipse 2019-09 R (4.13.0)

Please use https://github.com

first installation and using

Re: first installation and using

JSON Formatting doesn't work

Re: JSON Formatting doesn't work

Re: Re: JSON Formatting doesn't work

Build Enterprise Java on Kubernetes!

2020-03 (4.15)
2019-12 (4.14)
2019-09 (4.13)

2019-06 (4.12)
2019-03 (4.11)
2018-12 (4.10)
2018-09 (4.9)
Photon (4.8)