My Favorite Visual Studio Code Extensions

Prettier: reformats your code so it is lined up well and looks “pretty”

ESLint: catches errors in javascript code

Live Server: Allows you to see your code live in the browser while editing it

ES7+ React/Redux/React-Native snippets: Allows you to use code words to create entire React templates without having to type the code out.

PHP Debug: Debugs your php code like ESLint above but

PHP Intelliphense: Allows automatic completion of your php code and gives you suggestions of common functions to choose from.

Tailwind CSS IntelliSense: Gives suggestions to help find Tailwind classes….hmmm, I need to find a bootstrap version of this 🙂

Vetur: allows dropdown snippets for Vue.js of common functions and names

WordPress Snippets: Gives suggestions to help find common wordpress functions


React Terminal Commands

This creates a react app:

npx create-react-app NameOfYourApp

This command is if you want to use react-router which allows you to smoothly change pages in your app without a page load.

npm i react-router-dom -S

Install React Icons:

npm install react-icons –save

Writes all the html for a new component in visual studio code on a mac.

rafce (return)

Terminal commands for moving around:

open your app, only works if you are already in the folder above it.

cd NameOfYourApp

shows you all the files in the folder you are in