How do I get my code to look like this in atom or webstorm?


#1

Hi people.

I am looking for a way to make my code appear like this in atom and webstorm. What theme or package do I need to install? I’ve tried material UI plugin for webstorm, but it does not work!

Anyone to help?

image


#2

first its important to understand what the console is:

https://developer.mozilla.org/en-US/docs/Web/API/Console

then you should consider the following:

does atom or webstrom have a plugin which gives me a console like a webbrowser does?
Do i need to change the console.log() method to something else to get output?

codecademy offers a console within the lesson, so we focus on learning Javascript, so we don’t have to deal with the DOM and the complications this brings forth.


#3

Thanks for the info.

Though, I was looking for a way to make my code in the editor (webstorm or atom) have this style (particularly the colors). I have no worries about how my code looks in the console.

Hope there is still a way…other than editing atom’s stylesheet.


#4

first google result:

https://atom.io/themes/codecademy-syntax-theme