README.md

Visual Studio Code

alias V S Code, Visual Studio Code, V.S.Code, V. S. Code

Purpose

About

.vscode config file

The .vscode config file should (often) be kept out of the repos.

Really good info here: https://stackoverflow.com/a/57749909

See the Workspace settings in the VS Code documentation.

There is currently a .vsconfig directory in https://github.com/JamieBort/LearningDirectory/tree/master and https://github.com/JamieBort/jamiebort.github.io

Features

Command Line Interface (CLI)

Command Line Interface (CLI)

Keybindings

Snippets

Activated with ⌃Space. See the Snippets in Visual Studio Code section below.

[Linter]

https://trello.com/search?q=linter

• Linter and Extensions are mentioned in this Trello card. https://trello.com/c/BOA5A1G7/519-make-these-changes-to-visual-studio-code

[Prettier]

https://trello.com/search?q=prettier

Use Cases

Use Cases that I still need a solution for

• I am looking for ways to make keystrokes faster. Such as command + c to produce console.log(). See #193

• Search, find, and open a specific README among all the readme files in this repo.

• Closing all files in the editor with command + ???

• Collapsing all directories in the explorer (to the left) with command + ???

• Opening all primary directories in the explorer (to the left) with command + ???

• Opening ALL directories in the explorer (to the left) with command + ???

• Saving auto formats. It changes single quotes to double quotes. How do I make single quotes the default?

  • This happens with JavaScript and TypeScript. Prettier extension is the formatter for these two file types.

• Using just the keyboard,

  • change focus between the editor, explorer, terminal all in vs code

  • toggle open/close explorer and terminal

Tips and Tricks

HOW to take advantage of the fundamentals.

• Auto Formatting

  • some here: https://stackoverflow.com/questions/29973357/how-do-you-format-code-in-visual-studio-code-vscode
  • https://stackoverflow.com/questions/29973357/how-do-you-format-code-in-visual-studio-code-vscode

• Markdown Preview documentation.

• Configure word wrap: https://webstoked.com/enable-word-wrap-visual-studio-code/#:~:text=If you want to apply,That's it!

• Search code base: Ctrl+Shift+F

• Auto-generate Java constructors: redhat-developer/vscode-java#1358

• Potentially lots of good info here: https://trello.com/c/gJooPvRl/143-explore-the-welcome-page-in-vs-code

• From https://trello.com/c/Yu6Bu4xt/1053-visual-studio-code-tips-and-tricks-to-consider

  • https://jsmanifest.com/21-vscode-shortcuts-to-code-faster-and-funner/ <-- no longer available here
  • However I found this: https://betterprogramming.pub/21-vscode-shortcuts-to-make-coding-faster-and-more-fun-b18b25083def
    • (from: https://www.google.com/search?q=vscode+keyboard+shortcut+search&oq=vscode+keyboard+shortcut+search&aqs=chrome..69i57.10287j0j4&sourceid=chrome&ie=UTF-8)
    • "Tips and Tricks" in the Activity of https://trello.com/c/5VYmSSXO/520-visual-studio-code-master-card#comment-65e1da8df92b1eb5a2675e1d

• Snippets

  • Learn about using text expanders with digital knowledge base vs code and elsewhere https://trello.com/c/poZ4lSde/2402-text-expanders-or-snippets-in-vs-code

• 1 minute Save some time with code snippets video by Visual Studio Code. https://www.youtube.com/watch?v=RMOkYdKxelY

  - in the `command palette`, type `snippet` to see which snippets are available.
  - There are some built-in vscode snippets.
  - it is possible to create custom snippets.
  

  Select configure user snippets in the command palette.

Best Practices

See https://trello.com/c/2IhxHqSs/287-find-a-vscode-extension-for-snippets#comment-65fc85aff4c1d1b6830603a0

Keyboard Shortcuts

Use Cases for things I'd like to know how to do

• How to close all open software files in the editor, folder, or window.

• Needs I have that do not yet have solutions.

• A quick key stroke to change the https..... url into the this: past title here

Extensions

• Linter and Extensions are mentioned in this Trello card. https://trello.com/c/BOA5A1G7/519-make-these-changes-to-visual-studio-code

• See the Extensions not used section of this https://trello.com/c/5VYmSSXO/520-visual-studio-code-master-card Trello card.

Currently Used

• See "Extensions Used" in the Activity of https://trello.com/c/5VYmSSXO/520-visual-studio-code-master-card#comment-6418720110d4002195207393

Installed but not currently used

• https://trello.com/c/GWEUvQjq/1004-quokka-extension

Not currently Used

• See this February 26th, 2024 604: VS Code Plugins, Git as a Radical Statement, Tailwind & Arc Drama podcast episode. Note, VSCcode uses extensions, not plugins.
• https://trello.com/c/Q9aV5n3W/2063-obtain-these-v-s-code-extensions

Resources

Resources relevant to this directory.

Resources to explore

These will be deleted when I am done with them. If they are of use they'll be moved to the Vetted Resources section below. Or a relevant file/directory in this directory.

• https://trello.com/c/5VYmSSXO/520-visual-studio-code-master-card

• https://trello.com/c/Yu6Bu4xt/1053-visual-studio-code-tips-and-tricks-to-consider

• How To Create Custom VSCode Snippets 10 minute YouTube video.

• https://trello.com/c/9VbgMp2u/808-create-shortcuts-for-vs-code-to-paste-common-snippets-quickly

Vetted Resources

User Interface

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

• Activity bar

• Editor groups

• Status bar

• Side bar

Snippets in Visual Studio Code.)

Keybindings Can be assigned to snippets

See

• Assign keybindings to snippets

• And Keybindings above.

Directories and Files

Information regarding the directories and files in this directory.

Navigate back to the IDEs/ README.md

Directories

Files

README.md

This readme file.