I’ve been developing with WordPress for around ten years now and, during that time, have used my fair share of Integrated Development Environments (IDEs).There’s certainly no shortage of choice these days, with literally dozens of different editors/IDEs available.(We’ll come to the distinction between an IDE and an editor shortly.)
Some IDEs are free, others commercial.Some are pretty basic by default, while others do almost everything you want right out of the box.
This abundance of choice is great as it means you’re almost certain to find one that suits the way you work and includes just the right set of features you’re looking for.
Which IDE you end up using for a particular project is largely a personal choice.If you’re used to using the same IDE for every project and it works for you then you may see no reason to use an alternative.However, it may well pay off trying out an alternative once in a while.
What have you got to lose? If it results in a workflow boost then it’s definitely worth your while!
If you’re new to coding in WordPress then it can be a little daunting deciding which IDEs to take a look at.
Too much choice can initially seem like a disadvantage.In this article, I’ll hopefully help make this choice a little easier by covering five of the top web development IDEs currently available.
|IDE||Cost||Initial Release||Written In|
|
|[PHPStorm](#toc-ah44-phpstorm) [Sublime Text 4](#toc-8zeh-sublime-text-3) [Atom](#toc-gw57-atom) [NetBeans](#toc-9mej-netbeans)
Soon we’ll take a closer look at each one of our five IDEs in turn, to see how they can help you develop WordPress based projects.
But first, let’s find out what exactly what we mean by an IDE.
What’s an IDE Anyway?
According to
Wikipedia, an IDE is defined as:
An integrated development environment (IDE) is a software application that provides comprehensive facilities to computer programmers for software development.An IDE normally consists of a source code editor, build automation tools and a debugger.
Breaking this down, this basically means an IDE is a programming environment you can use to develop software without having to leave the interface.Look at it as a Swiss army knife of software development! Everything you need is just there, on hand, to help you get the job done.
Unlike most editors, an IDE usually has support for full projects rather than being able to deal with individual source code files.Even if an editor is capable of editing more than one file, it may not support creating a project file that encompasses an entire folder full of files, together with settings specific to that project.
These project settings can include references to external software libraries, editor setup, version control, and debugging preferences.
Deciding which IDE to use is very subjective as it really depends on the features you’re looking for, but some of the features you might expect to find in a full IDE could include:
– Multiple language support (PHP, JS, CSS, HTML)
– Code completion
– Refactoring
– Linting
– Debugger
– Build automation
– SVN/Git integration
– Code sniffing
– Code highlight
– Compiler
– Interpreter
– Database Management/Editing
There aren’t any hard and fast rules as to what defines an IDE exactly.And if you asked a dozen different developers for their must-have IDE features, you’d likely get widely varying responses.The more features from the above list that are built in to an application, or available as an add-on, the closer it comes to being an IDE.
You may have noticed that some of the ‘IDEs’ we’ll be covering in this tutorial aren’t really IDEs at all, at first glance, but are editors masquerading as IDEs.So why include them at all in our list? Well, these particular editors have become extremely popular for web development and have strong user communities behind them which have driven forward an entire array of packages, extensions, and add-ons that actually go a long way to transforming them from just editors into very usable IDEs.
Think of them as ‘lite’ IDEs.Fast, robust, and highly configurable.Remember our Swiss army knife analogy from earlier? I think it’s even more applicable here! Sublime Text 4, VS Code, and Atom are excellent examples of these types of IDEs.They aren’t traditional IDEs, but they can fit the bill beautifully when customised correctly.
There can be advantages to choosing a lightweight editor over a fully featured traditional IDE.
Typically, you’d expect them to run open and run quicker as they are smaller applications and have less processing overheads.You’ll know what I mean if you’ve ever opened an IDE with a large project and you have to wait a while for the application to open and index all the files before you can start editing!
Compare this with a ‘lighter’ editor with only the features added that you need.This results in an IDE that doesn’t contain lots of functionality that you might never use.This helps keep your development setup light and fast.If you’re on a very fast machine, though, you may not notice too much difference in day-to-day development between a full IDE and a carefully configured editor.However, if you don’t have that luxury, then IDE performance could be a very important factor in your day-to-day development.
For these reasons, we decided to mix the list up somewhat and include both fully fledged and ‘lite’ IDEs which could appeal to WordPress developers with a wide range of expectations and requirements.
Let’s kick off our IDE tour by looking at the newest IDE in our list, Visual Studio Code.
Visual Studio Code
Visual Studio Code, commonly known as VS Code, is arguably the most popular and widely used IDE at the moment, despite being released just recently in 2015.Built by Microsoft using the Electron framework, VS Code is a lightweight but powerful source code editor available for Windows, macOS and Linux.
VS code supports hundreds of languages, including JavaScript, TypeScript, Node.js, Python, and PHP (the language powering WordPress).
It includes support for debugging, syntax highlighting, automatic code completion, snippets, code refactoring, and embedded Git version control.It’s also lightening fast, and can handle huge files without lags or glitches.
The best thing about VS Code is its huge library of extensions and add-ons, found in the VS Code marketplace.You can find an extension for almost any functionality.There are tons of extensions specifically tailored for WordPress development, examples being
WordPress Snippets and WordPress Toolbox.There’s also a huge community of developers using VS Code, so every extension is constantly being updated to keep up with updates made to VS Code itself.
The source code for VS Code is open source under the MIT Licence.The product itself is free for public use despite being shipped under a standard Microsoft product license.It’s also constantly being updated and maintained by Microsoft.
Overall, VS Code is one of the best editors for software developers, and with just a few installations, you can configure it for WordPress development.
It’s not a surprise that VS Code has millions of active users and continues to add more by the day.Everyone loves VS Code—from web developers writing HTML, CSS and JavaScript to data scientists who like having full Python or R language support in their dev environment.
Visual Studio Code Details
–
Website:
https://code.visualstudio.com/
– Cost: Free
– Initial Release: 2015
– Regularly Updated: Yes
– Extensions Supported: Yes
– Written In: Electron
– Cross-Platform: Yes
PhpStorm
PhpStorm is a commercial IDE from JetBrains, and it boasts an impressive array of features out of the box.One instantly attractive feature of PhpStorm is its support for WordPress development without the need for add-ons.PhpStorm automatically detects if your existing project is WordPress based.There’s even a built-in WordPress Plugin project type to help get you started developing plugins more easily!
With WordPress supported in your project, you have full access to code completion for all the built-in WordPress functions, plus action and filter hook code completion! You can easily jump to function definitions and usages of particular functions, which is very useful.
PhpStorm has the best WordPress support out of all the IDEs covered in our review.
For a new user, though, the sheer number of features available in PhpStorm could make it seem a little daunting to begin with.It’s worth persevering with, though, as PhpStorm has excellent documentation and video tutorials available via the
PhpStorm website.
Because PhpStorm is so feature rich, it can take a while to load, especially for WordPress projects as there are hundreds of files to index for the code completion features to work properly.However, once fully loaded, PhpStorm feels pretty responsive when editing files, with no noticeable lags.One noticeable thing about PhpStorm is how regularly it’s updated with bug fixes and new features.
Even though it has been around since 2009, PhpStorm still has a strong release cycle, which is very encouraging.You just feel that PhpStorm will be around for years to come.
And don’t be put off by the name—PhpStorm isn’t just for PHP development (it has full support for PHP 8, by the way).It also has excellent built-in support for HTML, JavaScript, and CSS, which are all essential to modern WordPress development!
PhpStorm Details
–
Website:
https://www.jetbrains.com/phpstorm/
– Cost: Free 30-day trial and paid afterwards
– Initial Release: 2009
– Regularly Updated: Yes
– Extensions Supported: Yes
– Written In: Java
– Cross-Platform: Yes
Sublime Text 4
Next on our list is Sublime Text, developed by Jon Skinner.It’s proven to be a very solid choice amongst web development professionals.
Over the years, it has built up a significant following with its powerful, slick, and very fast user interface.It is also well known for being extremely stable and can handle very large files with ease, which other editors have been known to struggle with.
Sublime Text 4, the current version of Sublime Text, was released in May, 2021.This new version includes key improvements such as a revitalized UI, better syntax highlighting, accelerated rendering, tab multi-select and darkmode support.
On startup, Sublime Text 4 is very quick to launch.In fact, it is almost instantaneous.It runs very fast too, with no lags or glitches, which makes for an extremely smooth and productive editing experience.It’s fairly minimalist out of the box and features a package manager to install add-ons (written in Python) without the need to restart Sublime Text in most cases (which is a nice touch).
As mentioned above, it handles large file sizes extremely well and is very robust, which means it is not prone to crashing.
There’s a vast array of powerful add-ons (called packages) that make Sublime Text very flexible and versatile too.
These include packages specific to
WordPress development.There’s no denying that Sublime Text 4 is a sheer pleasure to use.
You can also find a large amount of written tutorials and video tutorials on Sublime Text 4, which are mostly up to date.This seems to prove that Sublime Text 4 is still very popular and widely used by many web developers on a day-to-day basis, which is a testament to the quality of this fantastic little editor.
Despite losing its place to newer IDEs like VS Code, Sublime Text is still quite popular among developers and continues to get regular updates and maintenance.The Sublime Text 4 package library is also constantly being updated to provide bleeding-edge features to developers.
You could certainly do a lot worse than give Sublime Text 4 a try.You can evaluate it for free for an unspecified amount of time.
Sublime Text 4 Details
–
Website:
– Cost: Free to evaluate, paid license for continued work
– Initial Release: 2008
– Regularly Updated: Yes
– Extensions Supported: Yes
– Written In: C++, Python
– Cross-Platform: Yes
Atom
Built by GitHub, Atom is the new kid on the block out of all the IDEs in our review.
Released in 2014, it’s one of the most popular editors around at the moment and has a rapidly growing user community.
This popularity could be due, at least in part, to the fact that Atom is open source and entirely community driven.Contributing to Atom is a similar process to WordPress in that anyone can contribute to core development, as long as the
guidelines are adhered to.And because Atom is publicly hosted on GitHub, contributing is very easy if you’re familiar with Git repositories.
Atom also has a huge add-on library, with well over 6,000 currently available on the official
Atom packages page.
This means you have a better chance of finding a package to do most things you require.There are a range of packages that make WordPress specific development a breeze too.
Similar to Sublime Text, Atom has full support for projects as well as individual file editing.And there is built-in support for embedded Git control, which isn’t surprising as it’s developed by GitHub!
It’s quite basic out of the box, but then again so is Sublime Text 4 until you start configuring it.Updates are released on a regular basis, but you’d expect that from a relatively new editor.
Some users have reported experiencing slow load time and patchy performance when editing, especially when dealing with large file sizes.Whether this is anything to do with Atom being developed in JavaScript is debatable.By contrast, Sublime Text is developed in C++ which runs very fast natively.Only time will tell if future versions of Atom can address these issues.
It’s worth remembering, though, that the Atom codebase is still relatively young and has plenty of time to mature.
Overall, Atom is a great little editor that you can easily configure for WordPress development.It’s not surprising that Atom has gained so much traction already, and it will be really interesting to see how it matures over the next couple of years.
It’s definitely one to keep your eye on!
Atom Details
–
Website:
– Cost: Free
– Initial Release: 2014
– Regularly Updated: Yes
– Extensions Supported: Yes (Packages)
– Written In: JavaScript
– Cross-Platform: Yes
NetBeans
NetBeans has been around a long time now (since the mid-1990s) but is still flourishing and able to compete with newer IDEs.Like PhpStorm, it’s developed in Java and is available for multiple platforms.The core NetBeans application is comprised of a set of ‘modules’ to add features to the IDE to aid web development.
NetBeans has been a strong favourite among web developers for many years as one of the most fully featured IDEs available.Its main competition during this time was from applications such as Dreamweaver, which is still in active development by Adobe but is nowhere near as popular as it once was.So why is NetBeans still going strong?
Being developed in Java meant that it was cross-platform compatible from day one, and being free makes it attractive to a much wider audience and means it gets plenty of recommendations from people who have used it for years.And it’s not surprising that it has a very large user community due to being around for over 20 years!
NetBeans works well with WordPress projects.You get the usual code hinting and highlighting, plus full code navigation, but you also get a powerful debugger, which is pretty impressive for a 100% free product.There are a whole range of add-ons for closer integration with WordPress, which will make developing themes and plugins much easier.
Updates for NetBeans seem to have slowed somewhat over the last couple of years, with only
one update per year since 2014.
However, a major release (NetBeans 9) is slated for July 2017 to coincide with the release of JDK9.NetBeans also has full support for PHP 7 since version 8.2, so if you need to develop against the latest version of PHP then NetBeans has you covered.
NetBeans Details
–
Website:
– Cost: Free
– Initial Release: 1996 (original name Xelfi)
– Regularly Updated: Yes
– Extensions Supported: Yes
– Written In: Java
– Cross-Platform: Yes
Other IDEs And Editors For WordPress Development
As I mentioned in the introduction, there are many other IDEs you can use for development work.You don’t just have to limit yourself to the ones covered in this tutorial.Some of the others you could take a look at are:
Webstorm Rapid PHP CodeLobster Brackets Vim Eclipse PDT Zend Studio Notepad++
– And many more…
Conclusion
In this tutorial, we’ve looked at five popular editors/IDEs for web development, and specifically WordPress development.It really boils down to your particular needs.
If you want to maintain a ‘lite’ editor experience then using applications such as VS Code, Atom, or Sublime Text 4 could be a good choice as you can configure them to only include the features you need.
There’s no denying PhpStorm’s feature set—it’s truly impressive.But not everyone would need all that functionality straight away.In fact, beginner developers may be put off by the huge array of features just waiting to be used.NetBeans has been around for over 20 years and has the most mature codebase of the IDEs in our review, which makes that a solid choice too.
What’s your favorite IDE for WordPress development? And what features are essential to you in your daily workflow? If you use one of the IDEs we’ve reviewed in this article then what do you love about it? Let us know in the comments below.
This post has been updated with contributions from
Kingsley Ubah.Kingsley is passionate about creating content that educates and inspires readers.
Hobbies include reading, football and cycling.[Sign up](/weekly_digest_subscription_requests/new) block editorand full site editing themes.Contact me via Envato Markethas a range of items for sale to help get you started..