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

While Visual Studio Code is the best IDE for sure but it is really difficult and tiring to try without guide. Here is how to setup Visual Studio Code on Mac for debugging Arduino, WordPress etc common things for the iTerm2 + ZSH + Homebrew Users. Those who have not setup their Mac with iTerm2, ZSH, Homebrew should read our old guide to setup. Then realize the matters of .profile file – we use ~/.zshrc as profile file. Other matter is understanding UNIX Wheel group. Obviously, as first step you need to download Visual Studio Code on Mac via GUI from official website :

Following our guide, Mac users will not face any error. Peoples forget what installed which things and get odd errors with PHPCS. Your everything’s path should be on ~/.zshrc. Otherwise any debugger will fail. I am writing like poet. If you find any error in the poetry please inform me via Twitter.

 

Setup Visual Studio Code on Mac For Debugging

 

Skip steps which First upgrade Xcode and restart the system. After that is complete, open iTerm2 and run :

Then run :

and kindly fix all possible problems (it is not uncommon to see errors in long term). Then run :

You’ll receive a friendly message :

We will configure PHP first. Run :

Install PHP 7.0 :

You’ll receive lot of instructions around what to add on ~/.zshrc, like this :

As they will be delivered one by one, copy paste them as plain text file somewhere else. Open .zshrc :

Add :

Reload after addition :

Now install Mcrypt :

Now install Composer :

If you run :

You’ll get a valid path. Now Run this command :

You’ll receive response like this :

Run :

Basically we installed PHPCS :

Add this to ~/.zshrc :

Reload after addition :

Run :

For the sake of Python stuffs install pylint :

Now launch Visual Studio Code. On the left hand side there are 5 icons :

File icon = Explorer
Magnifying glass icon = Search
Git tree icon = Source control
No Bug icon = Debugging
Square icon = Extensions

Click that Extension’s square icon and install these extensions :

Arduino
C/C++
C#
Composer
Docker
Hg
jQuery Code Snippets
MagicPython
PHP Debug
phpcs 0.7.0 by Ioannis Kappas (Do not install some other than Ioannis Kappas’s thing)
Project Manager
Python
Python for VSCode
Wordpress Development by Hridoy
WordPress Snippet

Restart VSCode. You should not receive any error. This ends first part of the guide. Second part is about what to do with WordPress. For Arduino you should have Arduino IDE installed as advice for the third part.