What editor has the best support for EmberJS?


#1

The IntelliJ IDEs that I normally use don’t have particularly good support for Ember, specifically I would’ve liked if their static analysis would work when I do

import Ember from 'ember';

Then go through the object graph there’s no autocomplete. Or if I fully write out Ember.inject.service() it should have some idea of what service is, but it can’t find it anywhere. There’s also the issue of the new handelbars syntax where:

{{#each foo as |bar|}}
{{/each}}

Gets marked as invalid because of |bar|. Is there an editor out there that has deeper support?


#2

I use Atom, which I really like


#3

Like @Loz I recently started using Atom. I’m absolutely in love with alot of it’s features. It just seems a bit more open than Sublime does. I switched back to Sublime after a few days with Atom. There are some minor annoying parts that just gets to me. Im sure that it can be configured though. I expext to go back and forth a bit the comming weeks like I did with TextMate and Sublime until I finally settle on one of them.

Incase some master Atom guru reads this here is the things I was struggling with:

Project management:

  • I’m missing the project management features of Sublime.
  • The linter seems to ignore your lint files when running multiple folders.
  • The autocomplete feature, while great on occations, get be a bit annoying/aggressive when you are just typing and it pops up all the time. Give it a shortcut or a .5s timer or something.

#4

I uninstalled Sublime Text in favor for Atom after using it for a couple days. Sublime text has more packages but Atom is growing and if you think about it, you really don’t need a ton of packages if you know what your doing. I also like jet brains ide’s


#5

I’ve been told by the support desk that this will be fixed in the next version.


#6

Has anyone else found Atom to be a bit resource-heavy? I’ve recently dropped ST3 because it seemed to be interfering with watchman, somehow, but Atom feels somewhat sluggish in comparison.


#7

just to be sure, @kgish: after a lot of Atom mentions, are you referring here to the issues on IntelliJ/WebStorm?


#8

I was referring to WebStrom.


#9

Vim is decent. My main complaint is that there isn’t a good plugin that indents handlebars well. The thing I like the best is the spec-runner package that lest you shell out and run the spec that your cursor is currently on. Really nice for a TDD workflow. Unfortunately, ember-cli builds the entire project each time it runs the specs so we’re going to loose this work-flow when we upgrade.


#10

I really like Webstorm but I don’t think it’s the ideal EmberJS IDE. I wonder if there is any IDE which provides some kind of intellisense/code completion. Especially for the getters/setters this would be awesome. Remembering all the members of the objects during a whole working day can be hard sometimes :smiley:


#11

+1 for Vim.

Of course if you’re already a Vim user, you don’t need any more convincing :smile:

NeoBundle 'pangloss/vim-javascript'
NeoBundle 'mustache/vim-mustache-handlebars'

These are my syntax plugins.


#12

So there are many vim users here. Are there any special plugins for supporting EmberJs development? I think a text editor is not really an IDE. Are there any IDEs you can recommend?


#13

For those on Windows, Komodo IDE will not support ES6 until version 10. I installed Atom, plus the linter package + linter-eslint + babel-eslint. Add the .eslintrc from the babel-eslint installation instructions into the project directory.

Once configured, it syntax checks ember’s ES6/2015 on the fly.


#14

You can configure a live template to do this


#15

@IAmJulianAcosta I don’t know what you intended to tell me with this link.

I think Visual Studio Code got an Ember CLI plugin. This sounds promising :smile: More infos are in the following tweet: https://twitter.com/felixrieseberg/status/667006685358198784


#16

Yes, I can verify that this has been fixed in WebStorm 11.


#17

Now there is also a plugin for Intellij IDEs.

I couldn’t install it. Maybe this is due to the old version of my webstorm but I’ll try it as soon as I get it to work :wink:


#18

I’ve already use it for days, it works as promised, but not very very helpful as I expected, maybe I need more experiences on this plugin.


#19

I couldn’t install the plugin but the github repo seems to be very active. So maybe you could contribute to get some helpful features into it :wink: I hope I’ll get the plugin to work asap. I’m still not very happy with the IDE support of EmberJS


#20

For emacs users, there is ember-mode.