[ Web Proxy ]
URL:
Viewing: https://javascript.info/code-editors [Back]  [Original]

Code editors
EN

We want to make this open-source project available for people all around the world.

Help to translate the content of this tutorial to your language!

    Search on Javascript.info:
    Search in the tutorial:
    Light themeDark theme
    DanskEnglishEspaolFranaisIndonesiaItalianoTrkeOzbek

    A code editor is the place where programmers spend most of their time.

    There are two main types of code editors: IDEs and lightweight editors. Many people use one tool of each type.

    IDE

    The term IDE (Integrated Development Environment) refers to a powerful editor with many features that usually operates on a whole project. As the name suggests, its not just an editor, but a full-scale development environment.

    An IDE loads the project (which can be many files), allows navigation between files, provides autocompletion based on the whole project (not just the open file), and integrates with a version management system (like git), a testing environment, and other project-level stuff.

    If you havent selected an IDE yet, consider the following options:

    For Windows, theres also Visual Studio, not to be confused with Visual Studio Code. Visual Studio is a paid and mighty Windows-only editor, well-suited for the .NET platform. Its also good at JavaScript. Theres also a free version Visual Studio Community.

    Many IDEs are paid, but have a trial period. Their cost is usually negligible compared to a qualified developers salary, so just choose the best one for you.

    Lightweight editors

    Lightweight editors are not as powerful as IDEs, but theyre fast, elegant and simple.

    They are mainly used to open and edit a file instantly.

    The main difference between a lightweight editor and an IDE is that an IDE works on a project-level, so it loads much more data on start, analyzes the project structure if needed and so on. A lightweight editor is much faster if we need only one file.

    In practice, lightweight editors may have a lot of plugins including directory-level syntax analyzers and autocompleters, so theres no strict border between a lightweight editor and an IDE.

    There are many options, for instance:

    Lets not argue

    The editors in the lists above are those that either I or my friends whom I consider good developers have been using for a long time and are happy with.

    There are other great editors in our big world. Please choose the one you like the most.

    The choice of an editor, like any other tool, is individual and depends on your projects, habits, and personal preferences.

    The authors personal opinion:

    • Id use Visual Studio Code if I develop mostly frontend.
    • Otherwise, if its mostly another language/platform and partially frontend, then consider other editors, such as XCode (Mac), Visual Studio (Windows) or Jetbrains family (Webstorm, PHPStorm, RubyMine etc, depending on the language).
    Tutorial map

    Comments

    read this before commenting
    • If you have suggestions what to improve - please submit a GitHub issue or a pull request instead of commenting.
    • If you can't understand something in the article please elaborate.
    • To insert few words of code, use the <code> tag, for several lines wrap them in <pre> tag, for more than 10 lines use a sandbox (plnkr, jsbin, codepen)

    Web Proxy Viewer  |  New URL  |  Original Page