Setting up Visual Studio code (VS Code) for WordPress Development

Published: 07 August 2021
on channel: TechiePress

84,844

787

In this video, I share with you Setting up VS code for WordPress Development. I share the setup with minimal configurations. This has helped me to increase my productivity as a WordPress developer of themes and plugins over time.

What extensions do you think I need? Let me know in the comments.

VIDEO CHAPTERS
00:00 Getting Visual Studio Code
00:42 Downloading the right version for you
01:27 Bracket Pair Colorizer
02:31 ClassicPress snippets and autocompletions
03:42 Theming with Cobalt2
04:57 Hide the minimap in vs code
05:12 Change settings in vs code
05:32 Change font size settings
05:43 Change font size in settings.json
05:43 Change font Line height
06:27 Change the font
07:09 PHP code Sniffing with Intellisense
07:57 Documenting with Docblocker
09:31 Woocommerce snippets & autocomplete
11:08 PHP code Sniffing with Intellephense
12:25 PHP Debug and Coding Standards.
13:09 Using Font Ligatures with Fira Code
14:35 Extensions for ACF and Elementor
14:58 Adding Sublime text key map bindings in Vs code
16:02 Conclusion

HOW TO SUPPORT THE CHANNEL
=============================================
Do you like what I am doing?
Buy me a coffee through https://www.buymeacoffee.com/techiepress
Give via PayPal: https://paypal.me/laurencebahiirwa
Buy Scalable WordPress Hosting -----https://omukiguy.com/kinsta
Buy Low cost Hosting ----------------------https://omukiguy.com/bluehost
Build no code website with Elementor -- https://omukiguy.com/elementor
Enhance Elementor with Crocoblock --- https://omukiguy.com/crocoblock
Automate API Requests & Webhooks -- https://omukiguy.com/integromat
Screen Record with your computer ----- https://omukiguy.com/screenflow
Make Awesome forms with WPForms ----- https://omukiguy.com/wpforms
Build Advanced with Gravity Forms --- https://omukiguy.com/gravityforms

I am social too:
Facebook:   / techiepress-100149655032583
Twitter:   / omukiguy
Blog & Newsletter: https://omukiguy.com
Github: https://github.com/yttechiepress
-------------------------------------------------------------------------------
LEARN MORE IN THE WELL CURATED PLAYLISTS BELOW
--------------------------------------------------------------------------------

Learn how to build a plugin from scratch:    • Plugins Vs Functions.php - Where should I ...

WooCommerce E-Commerce customizations
== Build Free Custom E-commerce Online Shop using WooCommerce -    • WooCommerce customizations - Free WordPres...

== Build Free Custom Theme for E-commerce Online Shop using WooCommerce -
   • Woocommerce Restaurant Shop - Custom WordP...

====== Build Dynamic Websites with Elementor ======

== Learn the Elementor basics -    • Elementor Beginner Tutorials

== Build a custom Elementor Widget from Scratch -    • Build Custom Elementor Widgets from scratch

====== How to use WordPress Gutenberg Block Editor ======

WordPress 5.4 Gutenberg Blocks Updates
==    • WordPress 5.4 Gutenberg Blocks Updates

WordPress Gutenberg blocks for Designers
==    • WordPress Basics Training: Gutenberg block...

Gutenberg WordPress Block Editor tutorials for beginners
==    • WordPress Basics Training: WordPress Guten...

Custom WooCommerce Gateway Development from Scratch
==    • Build Custom WooCommerce Payment Gateway

WordPress Custom REST API Namespaces, Endpoints and Examples from Scratch
==    • Create Custom WordPress REST API POST Endp...

====== WordPress Plugin Development from Scratch ======

Build Most Popular & Most Commented Post Plugin
==    • Build WordPress Most Popular & Most Commen...

Build SMS Plugin with External WordPress API Integration using custom WordPress Databases
==    • Build SMS Plugin - External WordPress API ...

WordPress External APIs Integration Plugin Development
==    • WordPress External APIs Integration Plugin...

Convert WordPress to mobile App in Headless WordPress
== Convert WordPress Sports Website into Mobile Application - https://www.youtube.com/playlist?list...

Make GraphQL API endpoints with WordPress Headless CMS WPGraphQL Plugin
==    • Make GraphQL API endpoints with WordPress ...

Customize Your WordPress & ClassicPress
== Build Custom REST API Endpoints with WordPress or ClassicPress -    • Build Custom REST API Endpoints with WordP...

Custom Dashboard Widgets
==    • Custom Dashboard Widgets WordPress & Class...

Build Custom Admin
==    • Custom Admin for WordPress or ClassicPress

Learn Git
== Git tutorial for writers + software developers for beginners -    • Git tutorial for beginners - writers + sof...

On this page of the site you can watch the video online Setting up Visual Studio code (VS Code) for WordPress Development with a duration of hours minute second in good quality, which was uploaded by the user TechiePress 07 August 2021, share the link with friends and acquaintances, this video has already been watched 84,844 times on youtube and it was liked by 787 viewers. Enjoy your viewing!