Granny's Programming Pearls
"inside of every large program is a small program struggling to get out"
JavaRanch.com/granny.jsp
Win a copy of Murach's Java Programming this week in the Beginning Java forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic

JavaScript IDEs - Is the development process supposed to be this clunky?  RSS feed

 
Mark Richardson
Ranch Hand
Posts: 99
1
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
I'm coming from a Java/Eclipse background where I write some code and I run it and I see output in the console, below.

In JavaScript, I am writing my code in Atom, then I am copying and pasting that code into the Mozilla Firefox Scratchpad, and then I'm clicking on Run, which is giving me output on another browser window which has the console window opened up on it (F12-button)

Isn't there an integrated environment in which I can see everything happening in one place without having to test the output in my browser? Is this why designers and UI folks have that 2nd portrait view monitor?
 
Bear Bibeault
Author and ninkuma
Marshal
Posts: 66041
140
IntelliJ IDE Java jQuery Mac Mac OS X
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Is your code intended to run in the browser, or standalone in NodeJS? If the former, then yeah, you've got to run it in the browser environment. But no, you don't need all the clunky cutting and pasting. IDEs like WebStorm make it easy by integrating into the browsers so the code can be automatically loaded.

When using modern frameworks like React or Angular, it gets more complicated because you write in ES6 (or TypeScript) which needs to be translated by packages like Babel into ES5 to run in the browsers. In that case, webpack or other such bundlers are used to watch the file system and automatically reload the browser with the translated code. Usually, the frameworks have starter environments to make this easier to set up (because webpack is like black magic to us mere mortals).
 
Mark Richardson
Ranch Hand
Posts: 99
1
  • Mark post as helpful
  • send pies
  • Quote
  • Report post to moderator
Haven't gotten to node.js yet. However, I did discover the "Brackets" text editor.. and it appears to give a live-preview of what you're doing
 
It is sorta covered in the JavaRanch Style Guide.
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
Boost this thread!