code editors

table of contents

• applications
  • installable programs
  • runs in the browser
• extensions

¶applications

¶installable programs

• brackets

  very lightweight and beginner-friendly with built-in live HTML preview support.

• visual studio code

  the most widely used code editor for desktop. for the newcomers, bechnokid has also posted an easy-to-follow tutorial.

• vscodium 👑

  the open source version of visual studio code without tracking. it maintains the exact same interface as the original, and many vscode extensions are also available for vscodium.

• GNU emacs

• notepad++

¶runs in the browser

• visual studio code web

  the online version of visual studio code.

• stackblitz

  a feature-packed development environment that supports a variety of javascript frameworks.

• codepen

  includes built-in support for sass and pug. note that published code is public by default on the free plan.

• phoenix

• webmaker

• W3Schools online code editor

  a simple interface with support for backend languages, such as python, PHP, and java.

¶extensions

mostly for vscode/vscodium.

• five server

  live previewing for HTML and PHP files.

• prettier

  a tool for cleanly formatting code to improve readability.

• compile hero 👑

  precompile typescript, javascript, sass, pug. can also minify javascript and CSS files.

• VS code pets 👑

  🐈🐕🐓🐢🤖📎