Difference between revisions of "Visual Studio Code Tips"

From Pikes Peak Makerspace Wiki
Jump to navigation Jump to search
Line 3: Line 3:
 
Its name is often shortened to VS Code. (Not VSCode.)
 
Its name is often shortened to VS Code. (Not VSCode.)
 
<br>
 
<br>
Note&nbsp;that "Visual Studio Code" is an editor, while "Visual Studio" is an IDE. Both are Microsoft&nbsp;products.
+
Note&nbsp;that "Visual Studio Code" is an editor, while "Visual Studio" is an IDE. Both&nbsp;are Microsoft&nbsp;products.
 
<br>
 
<br>
 
VS Code features include debugging, syntax highlighting, intelligent code completion, snippets and code refactoring for many computer&nbsp;languages.
 
VS Code features include debugging, syntax highlighting, intelligent code completion, snippets and code refactoring for many computer&nbsp;languages.
Line 26: Line 26:
 
::(e.g. "Transform to" UPPERCASE, etc. is not in the menus)
 
::(e.g. "Transform to" UPPERCASE, etc. is not in the menus)
 
:[https://code.visualstudio.com/docs/getstarted/tips-and-tricks '''Tips and Tricks''']
 
:[https://code.visualstudio.com/docs/getstarted/tips-and-tricks '''Tips and Tricks''']
:Links to other external sites:
+
Links to other external sites:
 
:[https://www.youtube.com/watch?v=w3RSzophv00 '''VS Code tips — Do not disturb mode''']
 
:[https://www.youtube.com/watch?v=w3RSzophv00 '''VS Code tips — Do not disturb mode''']
 
:'''[https://www.youtube.com/watch?v=G6JJxa0QNfE&list=PLvKOuwv1u7bGri7IBkLYhmhMRnvtAlc4N VS Code Tips] — 476 videos(!) from Code&nbsp;2020'''
 
:'''[https://www.youtube.com/watch?v=G6JJxa0QNfE&list=PLvKOuwv1u7bGri7IBkLYhmhMRnvtAlc4N VS Code Tips] — 476 videos(!) from Code&nbsp;2020'''
Line 35: Line 35:
 
'''[https://code.visualstudio.com/docs/getstarted/keybindings#_keyboard-shortcuts-reference Keyboard shortcut cheat sheets for all&nbsp;platforms]'''
 
'''[https://code.visualstudio.com/docs/getstarted/keybindings#_keyboard-shortcuts-reference Keyboard shortcut cheat sheets for all&nbsp;platforms]'''
  
Links to external sites:
+
Links to other external sites:
:
 
  
 
==Training — PPM Trainer(s) needed==
 
==Training — PPM Trainer(s) needed==
Line 44: Line 43:
 
:[https://code.visualstudio.com/docs/getstarted/introvideos '''Introductory Videos''']
 
:[https://code.visualstudio.com/docs/getstarted/introvideos '''Introductory Videos''']
 
:'''[https://code.visualstudio.com/ Visual Studio Code Product Home Page]'''
 
:'''[https://code.visualstudio.com/ Visual Studio Code Product Home Page]'''
:Links to other external sites:
+
Links to other external sites:
 
:[https://github.com/microsoft/vscode/wiki '''Visual Studio Code Wiki''']
 
:[https://github.com/microsoft/vscode/wiki '''Visual Studio Code Wiki''']
  

Revision as of 18:54, 1 January 2024

Visual Studio Code is a free and open source multi-platform software application that is used by programmers of all levels.
Its name is often shortened to VS Code. (Not VSCode.)
Note that "Visual Studio Code" is an editor, while "Visual Studio" is an IDE. Both are Microsoft products.
VS Code features include debugging, syntax highlighting, intelligent code completion, snippets and code refactoring for many computer languages.
It also features an integrated terminal and embedded Git version control.
It is made with the Electron Framework (which is developed and maintained by GitHub)

At Pikes Peak Makerspace (PPM), Visual Studio Code is installed on Design Workstations 1-3, and our Ubuntu Workstation.
Some recommended extensions are installed at PPM, too.



File:Vscode application icon.png
Visual Studio Code
application icon

Tips

Links to code.visualstudio.com:

VS Code Command Palette
(e.g. "Transform to" UPPERCASE, etc. is not in the menus)
Tips and Tricks

Links to other external sites:

VS Code tips — Do not disturb mode
VS Code Tips — 476 videos(!) from Code 2020

Cheat Sheets

Links to code.visualstudio.com:

Keyboard shortcut cheat sheets for all platforms

Links to other external sites:

Training — PPM Trainer(s) needed

Pikes Peak Makerspace announces its Upcoming events, including classes, on Meetup

Links to code.visualstudio.com:

Introductory Videos
Visual Studio Code Product Home Page

Links to other external sites:

Visual Studio Code Wiki

For Additional Help

Use the PPM Slack channel #computing
List of all PPM Slack channels
Note that we have a Slack channel (#job-board) for members to post, discuss, or accept job opportunities either within PPM or from the community.

Curated Extensions

Links to external sites:

SVG — coding, including preview

PlatformIO — for embedded development (Arduino)

GitHub Copilot — code suggestions from comments

Luna Paint — Raster Image Editor

Code Spell Check — spell checking as you type

Emmet — expand abbreviations and snippets

built right into Visual Studio Code, no extension required

Curated Links

Links to external sites:

https://www.programmingfonts.org/
https://www.markdownguide.org/
https://alternativeto.net/software/visual-studio-code/
https://codepen.io/ — build, test, and discover front-end code
https://jupyter.org/ — for interactive computing across all programming languages

Related Pages

Links to related PPM Wiki pages:

GitHub Tips
SVG File Format Tips
  Arduino  
  Raspberry Pi  
  Ubuntu  
  Computers  

Other Fun Stuff

Links to external sites:

Electron Framework — Build cross-platform desktop apps
List of free and open-source software packages — on Wikipedia

Search the PPM Wiki — include Content pages as well as Multimedia.

Contact Us if you cannot find your answer here on our Wiki or if you notice any information that is outdated.




Pikes Peak Makerspace (PPM) is dedicated to supporting our maker community in their creative processes by providing shared space, shared tools, materials, software, and a knowledge base to turn their ideas into reality.