Setup Visual Studio Code on Mac For Debugging Arduino, WordPress : Part 4

In this guide we will shows how to setup Atom Editor & CLI to complete the setup. This is the Part 4 of How to Setup Visual Studio Code on Mac For Debugging Arduino, WordPress series of tutorial article. As for quick recapitulation, in the last three articles in this series we talked about :

1. In part 1 we talked about how to get started and have basic setup for both
2. In part 2 we talked about mainly WordPress
3. In part 3 we talked about mainly Arduino

 

Again, please do not mess up the whole thing by following different guides. In our case, the computer is Mac and profile file is ~/.zshrc. First download and install latest version of Atom editor :

The download size is around 135 MB as zip file for Mac.

 

Setup Visual Studio Code on Mac For Debugging Arduino, WordPress : Part 4

 

When Atom editor installs it automatically creates a symlink in /usr/local/bin.

However in case it has not, you need to create it yourself :

Now you can use atom folder_name command to open a folder and atom file_name to open a file. Like :

We told you that you can use phpcs via the command line in the format below, the command phpcs followed by the coding standard followed by the target file:

For Atom, install the Atom Editor PHPCS Linter Package from Atom > Settings and find phpcs… and install. In the settings add in the path to the phpcs binary, which is the same as in the ~/.zshrc path we talked about earlier and preferred WordPress code standard is probably WordPress-Core as standard. As for the path input you need to use absolute path. This completes setup of Atom for WordPress.

As for Arduino, we used platformio for Visual Studio Code, which has Package for Atom too :

We need Atom as it is truly customizable delivering great editing experience, good plugins, built-in Git plugin, startup speed not bad. Whereas Visual Studio Code possibly faster to start, has features like autocomplete and intellisense in JS and JSON configs, not bad good integrated terminal. While hundreds of IDEs and Editors driving us crazy, this is yet another which is not bad :

The above screenshot showing zsh with steeef theme, kwm, Hyper terminal with hyper-one-dark theme, Übersicht with Time in words widget.

Tagged With WordPress visual code studio