Getting started with Visual Studio Code

In this tutorial, we walk you through setting up Visual Studio Code and give an overview of the basic features.

Here's the next video we recommend: Code Editing in Visual Studio Code

Pick another video from the list: Introductory Videos

Video outline

• Download and install VS Code.
  • From https://code.visualstudio.com/download
• Open a folder
  • File > Open Folder (Ctrl+K Ctrl+O)
• File Explorer
  • View > Explorer (Ctrl+Shift+E)
• Search view
  • View > Search (kb(workbench.view.search))
• Source Control
  • View > Source Control (SCM) (Ctrl+Shift+G)
• Run and Debug
  • View > Run (Ctrl+Shift+D)
• Extensions view
  • View > Extensions (Ctrl+Shift+X)
• Open the Command Palette.
  • View > Command Palette... (Ctrl+Shift+P)
• Output panel
  • View > Output (kb(workbench.action.output.toggleOutput))
• Debug Console
  • View > Debug Console (Ctrl+Shift+Y)
• Problems panel
  • View > Problems (Ctrl+Shift+M)
• Integrated Terminal
  • View > Terminal (Ctrl+`)
• Create a new file
  • File > New File (kb(workbench.action.files.newUntitledFile))
• Save a file
  • File > Save (Ctrl+S)
• Auto Save
  • File > Auto Save
• Run
  • Run > Start Debugging (F5)
• Programming language extensions
  • Python - IntelliSense, linting, debugging, code formatting, refactoring, and more.
  • Live Preview - Hosts a local server to preview your webpages.
• Zoom
  • Zoom out (kb(workbench.action.zoomOut))
  • Zoom in (kb(workbench.action.zoomIn))
• Customize your editor with color themes.
  • File > Preferences > Theme > Color Theme (kb(workbench.action.selectTheme))

Next video

• Code Editing in Visual Studio Code - Learn about the advanced code editing features in VS Code.
• Introductory Videos - Review the entire list of videos.

Related resources

• User Interface - View the documentation for VS Code.
• Setup Overview - Documentation for getting up and running with VS Code, including platform specific setup.
• IntelliSense -VS Code brings smart code completions as you type.