VS Code

Question 1

code directory

code . = to open VS code for current directory

Answer 1

this opens VS Code for that directory

Question 2

ctrl +k ctrl+s

Answer 2

for keyboard shortcuts

Question 3

command palate

Answer 3

ctrl+p = to search for files

it is quicker than using a directory tree to navigate

Question 4

extension:Numbered bookmark extension

Answer 4

for book marking code
Create bookmark: Press key combination Ctrl+Shift+ to create a bookmark, where can be any number from 0 to 9.
Navigate to bookmark: Press key combination Ctrl+Alt+ to move to the bookmark location.
Delete a bookmark: Right click on the bookmark, in the bookmark margin.
Delete all bookmarks: Press key combination Ctrl+Alt+Backspace.
Information about bookmark: Mouse hover over the bookmark shows basic information about it, that includes bookmark number, file name, line number and column number.
How to use information: Mouse hover over the Green coloured bookmark in the Bookmark Margin shows the basic how to.

https://github.com/alefragnani/vscode-numbered-bookmarks

Question 5

angular snippets

Answer 5

Angular 6 snippets; Mikael morlund and John Papa
Angular Snippets (Version 9)
There are snippets available for angular material; Ngxs and others

Question 6

Integrated Terminal

Answer 6

we could also run the commands in the command palatte

like ctrl+p > npm install

Question 7

Intellisense

Answer 7

auto completion

Question 8

See details in a file

Answer 8

interfaces, methods and properties defined in a file

using @ in the command palate in a file

Question 9

Peek definition

Answer 9

to see the definition of a variable like its class or interface

Question 10

Go to References

Answer 10

right-click on an object to see list of references for that type

Question 11

Rename symbol

Answer 11

To change the name of the class or any object in all the places; you can not rename predefined classes like Console.log

Question 12

Extension: Paste JSON as code

Answer 12

copy all the json from web api response into a test.jsonfile and create a new file test.ts
open command palette- open > Paste JSON
it creates interface from the json data

Question 13

Zen Mode

Answer 13

ctrl+k+z - view port with all the distractions removed. if we do not care about what our docker container is doing or git etc

Question 14

Extension:vscode-spotify

Answer 14

for spotify music extension in vs code

Question 15

Debugger

Answer 15

the bug icon
node works by default but if we need anything else we could add extension
This opens the local variables and Global variables

Question 16

Debbuger Console

Answer 16

we have access to current state variables

global.testval = prints the value

Question 17

Extension : Debugger for Chrome

Answer 17

for debugging the angular apps with chrome browser
once you start the debugger– environment - select chrome
this will create launch.json = change the port to 4200 for angular
it creates .vscode folder and adds launch.json file

Question 18

Git changes

Answer 18

chagnes 
untracked files - green U
Modified files - Yellow M
files with lint errors are red
you can type the message for commiting the changes

we could also revert the changes with the .. option in the git
we could revert the changes on a file by right click on revert

To add only some files - click the plus button and it stages them for commit

Question 19

Extension : Gitlens

Answer 19

to get the git status
who changed what and when it was changed
it gives all the info like remote branches, git statsh, tags
and annotations

Question 20

Extension: vscode live share

Answer 20

Extension: vscode live share

Question 21

VS Code settings

file- preferences - settings

Answer 21

https://code.visualstudio.com/docs/getstarted/settings

Question 22

managing extensions

Answer 22

https://code.visualstudio.com/docs/editor/extension-gallery

Question 23

Real time sonarqube scan

Answer 23

https://blogs.sap.com/2019/12/25/real-time-code-scan-with-sonarlint-following-sonarqube-server-rules-in-visual-studio-codevs-code/

Question 24

https://www.sonarlint.org/vscode

Answer 24

https://www.sonarlint.org/vscode

Question 25

Prettier for code formatting

Answer 25

https://www.codereadability.com/automated-code-formatting-with-prettier/

https://www.xspdf.com/resolution/50756779.html#:~
:text=Prettier%20remove%20unused%20imports,json
%20%2D%2Dfix%20%2D%2Dproject%20.

Question 26

Remove unused extensions ;

even with ctrl+shift+P =Ctrl shift P = command palette = Organize imports ; Format Documents (uses prettier)

Answer 26

https://wesleygrimes.com/angular/2019/02/14/how-to-use-tslint-to-autoremove-all-unused-imports-in-a-typescript-project.html