Discuss Home · Bootstrapped Podcast · Scribbleton Personal Wiki · HelpSpot Customer Service Software

Critique idea: Radarmic: IDE for Angular


#1

Hi,

I am thinking about creating an IDE for Angular applications. This would be based on open source Visual Studio Code, have full support for Angular template autocompletion, Typescript code completion, out of the box debugging support, etc.

Does this sound like something you would want to use and would pay for?

Thanks.


#2

You probably should ask on Angular forums. I’m sure there are some people who knows Angular here, but not the majority.

How do Angular folks write the code today? It seems they manage to get the job done, so it doesn’t seem to me that the lack of dedicated IDE is a major pain. Or pain at all.


#3

+1 for @rfctr’s comment.

I’d add:

  1. What is the simplest way you can implement this?
    (would a pluggin for existing Visual Studio be easier? (and you’d be targetting people who have PAID for VS. You also avoid any potential problems with monetizing OSS. Also, you don’t have to build and support the whole IDE, just your pluggin. (I assume paid VS users have some sort of support for the IDE, or at the very least THEY are making sure the IDE is working properly before they even start using your pluggin/addon.

#4

@rfctr, @Clay_Nichols, there are many existing solutions for creating modern web apps, the problem is they have a steep learning curve. First, you need to make a framework choice (do I want Angular, React, Vue, blah), then chose a text editor or an IE (there are tons), choose a language (do I want JS, ES5, ES6, TypeScript, or Flow?) then create the boilerplate code using the framework to get started, then configure your build (do I want grunt, webpack, gulp, makefiles, etc?), then configure the IDE of your choice to work with the language and framework of your choice, then configure it to do debugging properly. It adds up to a lot of complexity which is very time consuming and in many cases is a difficult choice unless you are already an expert.
My idea is you get all this out of the box, all the choices made for you in a way that ensures the chosen combination works without any problems so that you can focus on your task instead of doing tool and framework research for weeks.
I don’t know if that is major enough pain but it certainly was a pain for me when I was trying to create a single page web app the first time (I am a backend dev).


#5

I put together a landing page to gauge the interest: radarmic.com (it won’t let me put http:// to make this a link)


#6

Ahhh… OK, so you are solving a bigger problem than “IDE for Angular”, right?

I can certainly see the benefit if someone is OK with all those choices being made FOR them. I, for one, would LOVE that. I want to write code, not manage a technology stack. However, In my experience, programmers like to make their own decisions. They seem to love tweaking every little setting.

How about if you think about what your Value Proposition is?
Maybe " Pre configured IDE all ready to go out of the box"? (or whatever you think that is). (BTW, talking to customers and getting THEIR description in their words, of what you are offering, is a great way to confirm your benefit and get the right marketing description.

Then the key is to see if enough developers want this. It could be just 1% of developers is they REALLY want it.

I, for one, would love an IDE that comes pre configured and just works and provides the following :

  1. Tight integration with the browser allowing step-by-step debugging in the server side code (php is what we use here) AND the browser.
  2. Syntax highlighting an smart autocomplete (including autocomplete for my code (my var’s and procedures) and, ideally, as many frameworks as possible (that I use)
  3. Works out of the box. Ideally, it would just be a VM. (BTW, FogCreek is doing something like this, Gomix (formerly HyperDev) Last I checked it did not have the features above.

I’ve used phpStorm, and based on what I’ve seen and folks I talked to, it does the best job with 1 and 2, but even there it doesn’t do a good enough job. (I have to debug js in the browser)


#7

Yes, there definitely are several very good IDEs one can use to develop Angular apps. I just think it is possible to have a much better out of the box experience (you are right that it may be attractive only for a small population of developers - I am trying to gauge if there is enough strong interest).

The IDE I envision has exactly the set of features you described except it is for frontend, not backend. Now, I understand that supporting both frontend and backend is more valuable but I want to limit the scope to something I can realistically do in a reasonable time.

Gomix looks interesting but a bit nontraditional for my taste. I am simply looking at having a classic proper IDE for frontend web development (like e.g. Delphi was in its time).


#8

I work with AngularJS and ReactJS on a daily basis. I wouldn’t pay for an IDE because Atom does such a good job with JavaScript development already.

I think there is a need for more useful plugins for existing editors.


#9

Thanks, @michaeljamescalkins


#10

Have you used Webstorm?
If so, how does it compare to Atom?

Does Atom

  1. Provide autocomplete for .js including my own User Define functions and variables?
  2. Autocomlete for third party libraries (like $)?
  3. Provide step by step debugging (or at least let me declare Breakpoints in Atom, which the browser then respects?)

#11

Yes I’ve used Webstorm and PHPStorm quite a bit.
If I was developing PHP I’d probably use PHPStorm again.

  1. Yes but it uses the currently open files to guess from instead of scanning your project.
  2. You need a plugin to make that happen. I usually use the same libraries and haven’t needed third party autocompletion (it is always helpful though)
  3. If I need step by step debugging I can just use VSCode which does provide breakpoints and debugging. Chrome does this itself though. We give it a sourcemap and you can mark the breakpoints in your code without needing an IDE at all.

#12

The issue I run into is that I’m using the IDE to navigate the source code, so its by far easiest to be able to put a break point from THERE. Otherwise you have to open a Chrome (or whatever you’re doing the js debugging in) and find that same bit of code EVERY time you want to make a break point.

Everything bit of mental housekeeping the IDE can do FOR you frees up precious and limited brain cells to be able to handle more complexe problems or just work faster.


#13

I’m not trying to be de-moralizing, for me to buy it you’d have to find a way to be better than Webstorm or other free alternatives.