Vscode is one amazing tool that can help you with any development. I have used VScodes for years, I can’t even dream of thinking of any other tool that is close to what they have. In this post, I will tell you how I set up the project in Vscode.
Install Addon 1: Prettier – Code formatted
This help to write clean code. Trust me this ease out your eyes and brain.
Install Addon 2: ES7+ React/Redux/React-Native snippets
React extension, which helps with snippets
Install Addon 3: Tailwind CSS IntelliSense
Install Tailwind CSS for auto-completion for Tailwind CSS class
Install Addon 4: vscode-icons
Beautiful icons for each file type.
Understand the structure of VScode
Open the project folder and where you installed the react project and you should be seeing something like this.
Terminal Section: Can be used for running commands for that project
File Tree: helps to navigate between the files. Also you can see open Editors that show list of files that are currently open.
Icons: Will help to navigate to add-ons, Git, and other sections of the project