Best Editor for Web Development 2017

Best Web Development Tools of 2017: Editors/IDEs and Package Management

The worlds of web hosting and web development are in a constant state of evolution. Every year we see design trends change, coding standards adapt and new frameworks/CMS created. With such a quick pace of change it’s easy to get lost trying to keep up.

In this article we will discuss and highlight a handful of tools that help make web development easy. Whether you work on Frontend, Backend, PHP, Javascript, or even Perl this list will have something helpful.

As a web hosting company we don’t often talk about the tools used to create the web. We’re usually ultra focused on the components that enable us to server and support you; things like: server hardware, Linux, Apache and etc.

We may not support development tools, but we do want to help our customers to build amazing stuff.

Editors & IDEs:

The most basic component of any developer (or programmers) tool kit is their text editor. After all you need something to edit your code with. The choice of a code editor usually comes down to what you as a coder (or your language) requires to be productive. Some users like a very minimal text editor style tool. Others may need to use an IDE (Integrated Development Environment) which usually provides features specific to the language being coded.

  • Caret

    Perhaps the most basic of development focused text editors Caret comes in the form of a Google Chrome extension. Caret’s strength comes in it’s simplicity & extensible. You can have it setup and installed in a matter of a few clicks in Google Chrome.

    caret-editor

    For a free and open source editor Caret also packs a lot of great features. Caret supports code syntax highlighting which allows you to more easily read code. Caret also provides support for multiple cursors, a command palette, and tabbed editing. These features combined with highly customization options make Caret a very useful tool!

    Get Caret for Google Chrome now!

  • Atom

    Created by GitHub, Atom is a text and source code editor that works on macOS, Linux and Windows. Atom is very similar to Caret in that they are both free and open-source editors. Atom differs most in that it’s far more alike a traditional IDE than Caret.

    atom-editor

    Atom provides extensive plugin functionality allowing users to tune it for their needs. Thru this users can add integrations for: code revision control, language specific auto-complete, debug tools and more. With so many useful features and supported languages Atom is a clear chose for Devs that do a little of everything!

    Get Atom now!
    Explore Atom Plugin Packages!

Dependency Management:

As a developer you usually aren’t writing 100% of the code you use, or are you? A very wise person once said “Don’t reinvent the wheel if you don’t have to”, most developers live by this.

Reusing code is essential to being a happy and productive developer! Every language has their own set of tools made to make this task easier, here we’ll highlight some of those:

  • Composer (PHP)

    Those who usually spend their time working in PHP should be very familiar with composer by now. Composer ties together a package repository with an easy-to-use command line tool.Using composer you can define a set of dependencies for your project or site.

    To read more see our KB series on composer here!

  • npm (Javascript)

    Most often used with NodeJS based projects npm makes it easy to manage your Javascript packages. Like composer, npm ties together a package repository with a simple command line tool.

    Read more on NPM’s site.

  • yarn (Javascript)

    Similar to npm is most ways yarn is a command line tool created by Facebook to improve on npm. From a functional perspective npm and yarn do the same thing; they both manage packages and use the npm repository. The main differences are in how they do those things.While using NPM at Facebook’s enterprise scale their developers had concerns about speed and security. As such yarn can be seen as npm’s faster cousin that’s useful for developers in a hurry.

    Read more on yarns site.

So far we have only touched on a developers file editor and dependency manger. Both of these tools are essentials to a developers toolkit, but by far these are not the only requirements for web development. Stay tuned for further articles on web development tools of 2017!

Be Sociable, Share!

About the Author: Dan Pock

Dan Pock does Technical Writing & Marketing at Liquid Web with a background in System Administration, Public Relations, and Customer Service. His favorite things include: his cats, Oscar Boots and Dash Nouget; experimenting with PHP; and making up recipes (or at least attempting to). You can find his coding hijinks on GitHub, where he shares most of his projects and open source work.

Here's 75 % off, Launch a New VPS Today. Find out why 30,000 customers have chosen our Best-in-Class Performance & 24x7 Heroic Support