Skip to content

codeediting.md

Latest commit

 

History

History
63 lines (52 loc) · 3.18 KB

codeediting.md

File metadata and controls

63 lines (52 loc) · 3.18 KB
Order
Area introvideos
TOCTitle Code Editing
ContentId 826efeef-6803-49bd-a500-06c6c42cda19
PageTitle Edit and run code in Visual Studio Code
DateApproved 11/16/2021
MetaDescription Learn the basics of editing and running code in VS Code.
MetaSocialImage

Code editing in Visual Studio Code

In this Visual Studio Code tutorial, we cover how to edit and run a small piece of code, including the features outlined below. After viewing this overview, read on in the Related Resources section to see more features.

Linux users: Make sure you have the correct multimedia codecs installed for your Linux distribution. For example, on Ubuntu, you may need to install ubuntu-restricted-extras to get the necessary codecs to play the videos.

<iframe src="https://www.microsoft.com/videoplayer/embed/RE4M6Vx" width="640" height="320" allowFullScreen="true" frameBorder="0" title="Code editing in Visual Studio Code"></iframe>

Here's the next video we recommend: Productivity Tips

Pick another video from the list: Introductory Videos

Video outline

  • Open a folder.
    • File > Open Folder (kb(workbench.action.files.openFolder))
  • Use File Explorer to view the folder's files and subfolders.
    • View > Explorer (kb(workbench.view.explorer))
  • Install the Node.js runtime to execute JavaScript code.
  • Check your Node.js installation.
    • From a terminal or command prompt, type node --version
  • Create new file.
    • File > New File (kb(workbench.action.files.newUntitledFile))
  • Create a simple "Hello world" console application called app.js.
  • IntelliSense provides suggestions as you type.
  • Automatically format the source code.
    • Format Document command (kb(editor.action.formatDocument))
  • Turn on Auto Save.
    • File > Auto Save
  • Display the Integrated Terminal.
    • View > Terminal (kb(workbench.action.terminal.toggleTerminal))
  • Split the terminal.
    • Split Terminal (kb(workbench.action.terminal.split))
  • Create new terminal.
    • Create New Terminal (kb(workbench.action.terminal.new))
  • Run the application.
    • From the Integrated Terminal, type node app.js

Next video

Related resources