0% found this document useful (0 votes)
20 views21 pages

Code Editing With Vs-Code

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
20 views21 pages

Code Editing With Vs-Code

Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 21

Code editing with vs-code

Ho Phu Quy
Basic command: Installation

• Visit https://code.visualstudio.com/download

• Choose the appropriate version for your operating


system

• Follow the installation steps


Basic command: Interface Overview
So what vs-code look like?
Task bar

Activity
bar

We can create
file/folder or open it
in here
Basic command: Creating and Opening Files/Folders
Basic command: Creating and Opening Files/Folders
Basic command: Search
Basic command: Creating and Opening Files/Folders
Basic command: Extensions
Basic command: Splitting the Editor

Split editor right: ctrl + \


Basic command: Splitting the Editor
Basic command: Open terminal
Basic command: Compare 2 files
Basic command: Compare 2 files
Basic command: Command Palette
Basic command: Command Palette

ctrl + p and use up and down


navigation keys to move between
files
Basic command: Command Palette

ctrl + p and use up and down


navigation keys to move between
files
Basic command: Command Palette
Basic command: Command Palette
Basic command: Basic Editing Commands

Basic Editing Commands Command Palette

 Ctrl+X (Cut) Access various commands


quickly
 Ctrl+C (Copy) Shortcut: Ctrl+Shift+P
Example: Type '>' to access
 Ctrl+V (Paste) command palette quickly

 Ctrl+Z (Undo)

 Ctrl+Y (Redo)

 Ctrl+F (Find)

 Ctrl+H (Replace)
Basic command

Thank you for following along with this introduction to Visual Studio Code. Let’s summarize the key
points we covered:
Installation: We started with how to download and install VS Code from the official website.
Interface Overview: We explored the main components of the VS Code interface, including the Task
Bar, Activity Bar, Editor Area, and Sidebar.
Creating and Opening Files/Folders: You learned how to create and open files and folders using the
Explorer view and shortcuts.
Basic Editing Commands: We went through essential editing commands like cut, copy, paste, undo,
redo, find, and replace.
Splitting the Editor: We saw how to split the editor to work on multiple files side-by-side.
Command Palette: We discovered the Command Palette, a powerful tool for accessing various
commands quickly.
Using Extensions: We discussed how to enhance VS Code's functionality with extensions and some
popular examples.
Compare Files: finally, we knew how to compare 2 files.
Thank you

You might also like