Welcome to the Treehouse Community
Looking to learn something new?
Is there any offline Code Editor similar to codepen
I am using codepen to write new code or edit existing pens provided by Treehouse. I really like the way it updates instantly next to my code. I loved this feature. I am looking for a code editor with a similar feature. Is there any code editor out there which can show me the results of the code in various browsers realtime? Without having to refresh the browser every time .I heard the realtime updating happens in Dreamweaver or Microsoft Visual studio.. I am not sure about this. Please help me out Thank you
There are various tools to achieve this offline. I personally use Livereload(free) in the past and it works pretty well. Basically, you tell it to watch a folder on your machine and go into the browser and activate the browser extension. Now everytime you save changes to say an HTML or CSS file, it is automatically updated in the browser without refreshing.
What I have done recently is start out on Codepen.io creating something and use the Export to .zip feature to get all the files local. I then hook it up with Livereload and continue editing locally.
The dev tool's in firefox and/or firebug, enables you to see changes automatically and it's right from the browser. But you will still need another text editor to start the file.
For some reason I cannot see the upvote/best answer button on the right. Thanks all for responding.
Steven Ventimiglia27,364 Points
An updated answer for 2020...
If you can use the CLI, then I would highly recommend BrowserSync.
If you're looking for software to help with more than just a live browser reload, Prepros and Codekit are highly recommended. I used those until I got comfortable with Node.js/NPM commands.
https://prepros.io/ (Windows, MacOS, Linux 64 bit .deb)
https://codekitapp.com/ (MacOS 10.11+)