visual studio homehork for university student

raaed5 18 views 29 slides Jul 20, 2024
Slide 1
Slide 1 of 29
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15
Slide 16
16
Slide 17
17
Slide 18
18
Slide 19
19
Slide 20
20
Slide 21
21
Slide 22
22
Slide 23
23
Slide 24
24
Slide 25
25
Slide 26
26
Slide 27
27
Slide 28
28
Slide 29
29

About This Presentation

it's an homework for student


Slide Content

ABOUT ME

Overview about VS Code H ow to use visual studio code : Project in TypeScript, Node.js and Angular 3

Overview about VS Code

Visual Studio Code is a popular source-code editor developed by Microsoft. It is lightweight, highly customizable, and supports a wide range of programming languages. It provides a comfortable and efficient coding environment with features like syntax highlighting, code completion, debugging, version control integration, and an extensive library of extensions. Overview about VS Code

Settings

Shortcuts

Snippets

Emmet Snippets

Emmet Snippets

how to use Visual Studio Code:   1. Installation: Download and install Visual Studio Code from the official website ( https://code.visualstudio.com ) based on your operating system.   2. Interface: After launching Visual Studio Code, you'll see a clean and minimalistic interface with a sidebar on the left and an editor window in the center . 3. Opening a project: To open a project, click on the "File" menu or use the shortcut Ctrl+O (Cmd+O on macOS) and select the folder containing your project files.

how to use Visual Studio Code:   4. Editing code: Use the editor window to write or edit your code. Visual Studio Code provides syntax highlighting, which colors different parts of the code based on their syntax. It also offers code completion, which suggests code snippets and auto-completes code as you type. 5. Extensions: Visual Studio Code has a vast library of extensions that enhance its functionality. You can access the extension marketplace by clicking on the square icon in the sidebar or by pressing Ctrl+Shift+X (Cmd+Shift+X on macOS). Install extensions based on your requirements, such as language support, linters, debuggers, or themes.

how to use Visual Studio Code: 6. Integrated Terminal: Visual Studio Code provides an integrated terminal within the editor. You can open a new terminal by clicking on the "View" menu and selecting "Terminal" or by using the shortcut Ctrl+` (Cmd+` on macOS). The integrated terminal allows you to run command-line tools and scripts without leaving the editor. 7. Version Control: Visual Studio Code has built-in support for version control systems like Git. You can initialize a Git repository, view file diffs, commit changes, and push or pull code directly from the editor.

how to use Visual Studio Code: 8. Debugging: Visual Studio Code offers powerful debugging capabilities for various programming languages. You can set breakpoints, step through code, inspect variables, and analyze run-time behavior using the integrated debugger. 9. Customization: Visual Studio Code is highly customizable. You can change the theme, customize keyboard shortcuts, configure code formatting rules, and personalize your coding experience to suit your preferences. 10. Collaboration: Visual Studio Code allows for collaborative coding through Live Share. You can share your workspace with others, enabling real-time editing and debugging together.  

Create your Snippets

Creating your Snippets

Go To (f12) and Autocomplete

Plugins and Extensions

Plugins and Extensions

Markdown

Creating your Extension

TypeScript, Node.js and Angular

Work together

Dev and Debug together

Debug

Debug

Call Stack