|
|
:imagesdir: ../images
|
|
|
|
|
|
|
|
|
== Interface
|
|
|
|
|
|
[horizontal]
|
|
|
[yellow]#Editor#:: The main area to edit your files. You can open as many editors as you like side by side vertically and horizontally.
|
|
|
[blue]#Side Bar#:: Contains different views like the Explorer to assist you while working on your project.
|
|
|
[purple]#Status Bar#:: Information about the opened project and the files you edit.
|
|
|
[red]#Activity Bar#:: Change the view in the side bar
|
|
|
[green]#Git Bar#:: If in a git repo. shows the relevant git information. Branch, pull, errors
|
|
|
|
|
|
|
|
|
image::vscode_ui.png[]
|
|
|
|
|
|
== Command Palette
|
|
|
|
|
|
* Ctrl+Shift+P brings up the Command Palette.
|
|
|
|
|
|
* From here, you have access to all of the functionality of VS Code, including keyboard shortcuts for the most common operations.
|
|
|
|
|
|
image::vscode_command-palette.png[]
|
|
|
|
|
|
== Activity Bar
|
|
|
// Explorer - shows all of the files and folders you have access to
|
|
|
// Search – Find and replace in files
|
|
|
// Git – all git related commands, only active if in a git repository
|
|
|
// Extensions let you add languages, debuggers, and tools to your installation to support your development workflow.
|
|
|
|
|
|
image::vscode_activity-bar.png[]
|
|
|
|