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.

2022-03 (4.23)
2021-12 (4.22)
2021-09 (4.21)
2021-06 (4.20)
2021-03 (4.19)
2020-12 (4.18)
2020-09 (4.17)
2020-06 (4.16)
2020-03 (4.15)
2022-06 (4.24)

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

2019-12 (4.14)
2019-09 (4.13)

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

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.9
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), 2019-12 (4.14), 2019-09 (4.13), 2022-03 (4.23), 2021-12 (4.22), 2021-09 (4.21), 2021-06 (4.20), 2021-03 (4.19), 2020-12 (4.18), 2020-09 (4.17), 2020-06 (4.16), 2020-03 (4.15), 2022-06 (4.24)

Platform Support:

Windows, Mac, Linux/GTK

Organization Name:

Eclipse Wild Web Developers Contributors

Development Status:

Production/Stable

Date Created:

Thu, 2017-04-13 10:52

License:

EPL

Date Updated:

Fri, 2022-04-15 09:25

Submitted by:

Mickael Istria

Screenshots

Metrics

Date	Ranking	Installs	Clickthroughs
May 2022	30/779	1348 (0.45%)	32
April 2022	38/817	1761 (0.42%)	37
March 2022	41/820	1733 (0.37%)	48
February 2022	38/819	1495 (0.39%)	47
January 2022	38/817	1678 (0.43%)	52
December 2021	40/811	1579 (0.4%)	70
November 2021	39/822	1788 (0.43%)	68
October 2021	41/826	1794 (0.41%)	67
September 2021	39/830	1916 (0.44%)	54
August 2021	37/818	1801 (0.46%)	50
July 2021	37/826	1843 (0.46%)	42
June 2021	33/842	2264 (0.5%)	63

View Data for all Listings

Errors

Unsuccessful Installs in the last 7 Days: 10

Count	Error Message
6	Cannot continue the operation. There is another install operation in progress.
3	Cannot complete the install because one or more required items could not be found....
1	Cannot complete the install because of a conflicting dependency....

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:

Saturday, May 21, 2022 - 22:23

More useable than WTP but not quite pro.

Submitted by Jason Ridge on Wed, 2021-02-17 04:28

While the WWD solution is (by far) better than eclipse Web Development Tools (pretty much anything is) but it is clear that common editor feature support wasn't a top priority.

Syntax highlighting options is stuck with hard-coded defaults. To make any changes, you have to spend hours trying to figure out which settings in a css file change what. You'll have to find an example css file to work from by extracting it from the TM4E jar file. Not at all a professional experience here.

Code formatting has to be performed manually with no ability to format on save. Such an ability is a MUST for ease of use and efficent development. No one likes to find a formatting problem during a git check.

You have to manually configure the JS (and other file types) editor to the generic editor before it even works (I guess it is still in Alpha release?)

I can only assume it is properly consuming the .eslintrc* files and I have no idea on how it is deciding how to format files (does it use jsbeautify? editorconfig?) you have to dig into the project pages, forums, and github to get answers.

So, overall, yes better than WTP but it not a professional level solution just yet. The only reason I'm trying it out is because the Codemix plug is now end-of-life (stating this solution is the solution) and I was not at all impressed.

Re: More useable than WTP but not quite pro.

Submitted by Mickael Istria on Mon, 2021-02-22 08:16

Please join the issue tracker to report specific issues, and consider contributing!

How desable autocompletion

Submitted by Bruno Lacombe on Sat, 2021-01-16 16:11

Hello, I hate auto completion , then how desable it ? (replace by CTRL+ space)

Unusable with non-default

Submitted by Basil X on Mon, 2020-12-21 17:24

Unusable with non-default colors, because syntax highlighting colors are uncustomizable. Therefore, simply unusable.

AngularJs autocomplete not working

Submitted by Sethupathi Thangamuthu on Wed, 2020-12-09 02:27

Since the AngularJS Eclipse version is outdated I download this plugin. But it doesn't support autocompletion of angularjs contents. Please provide some help!!!

Breaking up as it runs slow with a beefed up DEV PC.

Submitted by Jo Ruiz on Tue, 2020-09-01 11:29

An instance of Eclipse running these plugins runs 4 to 6 instances of Node.js Server, which inturn takes up a ton of CPU resources. When an edit is made to a ts or html file the CPU usage spikes.

Bloating everything together seems to be over kill, as this also slows the development environment so much that I just don't want to use this product anymore and would rather just use an Outdated or none at all.

Re: Breaking up as it runs slow with a beefed up DEV PC.

Submitted by Mickael Istria on Fri, 2020-09-04 09:42

Please report issues to https://github.com/eclipse/wildwebdeveloper/issues

Can you consider breaking up

Submitted by Alessandro Aiezza on Mon, 2020-07-27 15:31

Can you consider breaking up the pieces of this plugin?
I only want a Typescript editor in Eclipse. SO much of this plugin I do not want in my installation.
I should be able to pick and choose from the marketplace installation window what actually gets installed.

Re: Can you consider breaking up

Submitted by Gautier De SAINT MARTIN LACAZE on Tue, 2020-07-28 18:38

Hello,

Thanks for sharing your concern about WWD. Can you create an issue here https://github.com/eclipse/wildwebdeveloper/issues to continue the discussion?

Thanks.

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

Drag to Install!

2022-03 (4.23)2021-12 (4.22)2021-09 (4.21)2021-06 (4.20)2021-03 (4.19)2020-12 (4.18)2020-09 (4.17)2020-06 (4.16)2020-03 (4.15)2022-06 (4.24)

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

2022-03 (4.23)
2021-12 (4.22)
2021-09 (4.21)
2021-06 (4.20)
2021-03 (4.19)
2020-12 (4.18)
2020-09 (4.17)
2020-06 (4.16)
2020-03 (4.15)
2022-06 (4.24)

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)