ivygre.blogg.se

The terminal automatically navigates to your current project folder, you can also run multiple terminals simultaneously by clicking onto the plus symbol - a very convenient feature in case you need a development server running in the background for example: #The Command Palette VS Code comes with an integrated terminal, it can be displayed in the "View" => "Terminal" menu or via SHIFT + CTRL + ´. The Activity Bar allows you to navigate between the core features of VS Code:ġ) The Explorer contains your project data, that's the menu where you'll spend most of your time )Ģ) Search allows you to look for or replace specific code in your project filesģ) Source Control Management provides support for integrated source control tools like GitĤ) As the name indicates, VS Code also comes with integrated Debugging toolsĥ) Extensions allow you to add additional features to VS Code, for example improved support for languages like Python or frameworks like Angular, React or VueĪs we just get started, your main focus should be on the Explorer and the Extensions menus, feel free to dive deeper into the other menus too though! #The Integrated Terminal

That's the basic setup already, but how can we work with VS Code? #The Activity Bar

Files and folders can be added with these two icons:

You should see your project files now, in case of the video at the top of the page - you shouldn't miss that! - we only got an empty project. Visual Studio Code (VS Code) is available for free and can be downloaded here.Īfter the installation, you can open VS Code and select a project folder in the "File" => "Open" menu at the top of the window: And then even further - including React Hooks, Redux & more! In this course, you'll learn React from scratch.