What editor has the best support for EmberJS?

For ST3, there is this package installable through the command palette.

For those using atom, there are two language packs I use: https://github.com/jmurphyau/language-ember-htmlbars

and I wrote this tiny one last week which allows for language-ember-htmlbars to be used within hbs template blocks. https://github.com/jasonmit/atom-language-js-inline-hbs

I use WebStorm, have been for 3 years, this is not (has never really) been an issue. You are probably just missing an updated plugin and need to switch the project settings to ES6.

I’m using Atom with some plugins (like language-ember-htmlbars, ember-tabs, linter-jshint), only thing I’m really missing is the quick search like in sublime where searching gives you an immediate preview of a file. With sublime I’m missing the git highlighting.

Hiya @jcbvm, I use GitGutter for Sublime. Works a treat.

People had been complaining that Sublime wasn’t updated enough — recent developments, especially in JS, mean we all want more powerful syntax parsing — but that’s changed now. For my money Atom & Visual Studio Code are opinionated in all the wrong ways, consuming loads of resources up front to do very little out of the box. The novelty of having a code editor UI written in DOM + JS is not enough to sway me.

However I can appreciate the more IDE-like features these provide — intelligent file system hooks etc.

Ember has always seemed to be a very IDE-like framework, so it surprises me that no-one here is championing any clever plugins for Atom or VS Code. I’ve come from using Mithril, a functional MVC framework where everything is passed by reference — with that library everything is incredibly lightweight and transparent and the browser is the IDE: debugging and iterative development are intuitive, fast, simple.

Ember prefers to work on a system of reference by string & file system location which prevents you from doing that. You would think IDE integration would be essential for this — for example, intellisense component & helper suggestions while writing templates, etc. From what I see, the VS & Atom plugins just provide menus for Ember CLI methods.

1 Like

I used Atom and now I am trying to use Visual Studio code with Ember CLI It is also good.

Hi everyone, I’ve been meaning to do some research into this kind of stuff to centralize the information in the same place, but there are other things with more priority. If anyone wants to help out, check this issue on Ember Watch, and ping me in the #topic-emberwatch channel of our Slack group.

For the record, I’ve also been using Visual Studio Code + vsc-ember-cli, but I’m having some problems getting it to recognise decorators properly.

I use Webstorm with the ember.js plugin

https://github.com/Turbo87/intellij-emberjs

Under Settings > Languages & Frameworks > JavaScript, for JavaScript language version I select ECMAScript 6.

I also disable inspections for Import warnings. If I’m on windows, I’ll point the terminal to git-bash. On Mac, just leave as default.

1 Like

I use and recommend Codelobster with special EmberJS plug-in: http://www.codelobster.com/emberjs.html