Getting Started with VS Code
MindCraft Frontend Web Dev - Frontend Basics
Course by: MindCraft
In this introductory lecture, we dive into Visual Studio Code (VS Code) to help you get started with one of the most popular code editors. Whether you're new to coding or transitioning from another editor, this session will guide you through the essentials to make you feel comfortable with VS Code.
We begin with a fresh installation and cover the fundamental aspects such as opening folders versus individual files, understanding how tabs function, and configuring basic settings. You'll learn about features like auto save, working with multiple panes, adjusting font sizes, and customizing themes to suit your preferences. Additionally, we'll explore the powerful Emmet tool, how to move the sidebar, and the interactive walkthrough that VS Code offers to enhance your learning experience.
By the end of this lecture, you'll have a solid foundation in using VS Code, making your frontend development journey smoother and more efficient.
⌚ Timestamps:
00:00 - Introduction
00:32 - Visual Studio vs. Visual Studio Code
01:30 - Opening folders
03:25 - Tabs
05:00 - Auto save
05:50 - Multiple panes
07:20 - Font sizes and other settings
10:00 - Themes
12:40 - Emmet
14:30 - Moving the sidebar
15:40 - Get Started with VS Code Walkthrough and the interactive playground