Skip to content

codeediting.md

Latest commit

 

History

History
57 lines (47 loc) · 2.87 KB

codeediting.md

File metadata and controls

57 lines (47 loc) · 2.87 KB
ContentId 826efeef-6803-49bd-a500-06c6c42cda19
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.

<iframe src="https://www.youtube-nocookie.com/embed/MNBwGGwvvKE" 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