Difference between revisions of "Visual Studio Code Tips"

Latest revision as of 17:35, 14 February 2025

Visual Studio Code is free and open-source software (FOSS) multi-platform application that is used by programmers of all levels.
Its name is often shortened to VS Code. (Not VSCode.)
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).

Note that "Visual Studio Code" is an editor, while "Visual Studio" is an IDE. Both are Microsoft products.

At Pikes Peak Makerspace (PPM), Visual Studio Code is maintained on Design Workstations 1-3.
Some recommended extensions, for example "Code Spell Check", are installed at PPM, too.

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

burst of white rays on orange background

Tips

Links to code.visualstudio.com/docs:

Tips and Tricks

Telemetry options — you can disable telemetry reporting

VS Code Command Palette

(for example, "Transform to UPPERCASE", and other conversions are not in the menus)

Zen Mode — distraction free user interface (highly customizable)

Emmet — expand abbreviations and snippets

(built right into Visual Studio Code, no extension required)

Links to other external sites:

VS Code tips — Do not disturb mode

VS Code Tips — 476 videos(!) from Code 2020

External Training

Links to code.visualstudio.com:

Introductory Videos

Keyboard shortcut cheat sheets for all platforms

Extension Marketplace

Visual Studio Code Product Home Page

Hand-Curated Extensions

Links to member-recommended extensions:

Insert Unicode — search and insert Unicode characters into documents

USD Language — construct animated 3D scenes

Code Spell Check — spell checking as you type

SVG — coding, including preview

PlatformIO — for embedded development (Arduino)

GitHub Copilot — code suggestions from comments

Luna Paint — Raster Image Editor

Hand-Curated Links

Links to member-recommended external sites:

https://www.programmingfonts.org/

https://www.markdownguide.org/

https://www.electronjs.org/ — build cross-platform desktop apps

Alternatives to Visual Studio Code:

zed editor — "designed for high-performance collaboration with humans and AI (MacOS and Linux)"

Sublime Text — "sophisticated text editor for code, markup and prose"

jupyter — for interactive computing across all programming languages

CodePen — build, test, and discover front-end code

Additional Help

Links to related PPM Wiki pages:

GitHub Tips

JSON File Format Tips

STL File Format Tips

SVG File Format Tips

USDZ File Format Tips

Arduino

Raspberry Pi

Computers — Ubuntu

Computers — Windows

Computers — Mac and Apple

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.

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.

@@ Line 20: / Line 20: @@
 <p style="padding:0.2em 0.4em; background:#ff6c00; color:#FFFFFF; font-size:15%;"> &nbsp; </p>
 <br>
-[[File:Burst.png|alt=Welcome banner|link=https://wiki.pikespeakmakerspace.org/index.php/About_PPM|right|frameless|250x250px]]
+[[File:Burst.png|alt=burst of white rays on orange background|link=https://wiki.pikespeakmakerspace.org/index.php/About_PPM|right|frameless|250x250px]]
 ==Tips==
 '''Links to code.visualstudio.com/docs:'''
+:[https://code.visualstudio.com/docs/getstarted/tips-and-tricks '''Tips and Tricks''']
 :'''[https://code.visualstudio.com/docs/getstarted/telemetry Telemetry options]''' — you can disable telemetry reporting
-:[https://code.visualstudio.com/docs/getstarted/tips-and-tricks '''Tips and Tricks''']
-:'''[https://code.visualstudio.com/docs/getstarted/keybindings#_keyboard-shortcuts-reference Keyboard shortcut cheat sheets for all&nbsp;platforms]'''
 :'''[https://code.visualstudio.com/docs/getstarted/userinterface#_command-palette VS Code Command Palette]'''
 ::(for example, "Transform to UPPERCASE", and other conversions are not in the menus)
@@ Line 37: / Line 36: @@
 :[https://www.youtube.com/watch?v=G6JJxa0QNfE&list=PLvKOuwv1u7bGri7IBkLYhmhMRnvtAlc4N '''VS Code Tips'''] — 476 videos(!) from Code&nbsp;2020
-==Training==
+==External Training==
 '''Links to code.visualstudio.com:'''
-:[https://code.visualstudio.com/docs/getstarted/introvideos '''Introductory Videos''']
-:'''[https://code.visualstudio.com/docs/editor/extension-marketplace Extension Marketplace]'''
+=== [https://code.visualstudio.com/docs/getstarted/introvideos '''Introductory Videos'''] ===
-:'''[https://code.visualstudio.com/ Visual Studio Code Product Home Page]'''
+=== [https://code.visualstudio.com/docs/getstarted/keybindings#_keyboard-shortcuts-reference Keyboard shortcut cheat sheets for all&nbsp;platforms] ===
+=== [https://code.visualstudio.com/docs/editor/extension-marketplace Extension Marketplace] ===
+=== [https://code.visualstudio.com/ Visual Studio Code Product Home Page] ===
 ==Hand-Curated Extensions==
-'''Links to member-recommended extensions:'''
+:'''Links to member-recommended extensions:'''
+:'''[https://marketplace.visualstudio.com/items?itemName=brunnerh.insert-unicode Insert Unicode]''' — search and insert Unicode characters into documents
+:'''[https://animallogic.com/ USD Language]''' — construct animated 3D scenes
+:'''[https://streetsidesoftware.com/ Code Spell Check]''' — spell checking as you type
+:'''[https://marketplace.visualstudio.com/items?itemName=jock.svg SVG]''' — coding, including&nbsp;preview
+:'''[https://platformio.org/ PlatformIO]''' — for embedded development (Arduino)
+:'''[https://docs.github.com/en/copilot/using-github-copilot/getting-code-suggestions-in-your-ide-with-github-copilot GitHub&nbsp;Copilot]''' — code suggestions from&nbsp;comments
+:'''[https://github.com/lunapaint/vscode-luna-paint Luna Paint]''' — Raster Image Editor
+==Hand-Curated Links==
+'''Links to member-recommended external sites:'''
+:'''https://www.programmingfonts.org/'''
-=== [https://marketplace.visualstudio.com/items?itemName=brunnerh.insert-unicode Insert Unicode] — search and insert Unicode characters into documents ===
+:'''https://www.markdownguide.org/'''
-===[https://animallogic.com/ USD Language] — construct animated 3D scenes ===
+:'''https://www.electronjs.org/''' — build cross-platform desktop&nbsp;apps
-===[https://streetsidesoftware.com/ Code Spell Check] — spell checking as you type===
+'''Alternatives to Visual Studio Code:'''
-===[https://marketplace.visualstudio.com/items?itemName=jock.svg SVG] — coding, including&nbsp;preview===
+:'''[https://zed.dev/ zed editor]'''  — "designed for high-performance collaboration with humans and AI (MacOS and Linux)"
-===[https://platformio.org/ PlatformIO] — for embedded development (Arduino)===
-===[https://docs.github.com/en/copilot/using-github-copilot/getting-code-suggestions-in-your-ide-with-github-copilot GitHub&nbsp;Copilot] — code suggestions from&nbsp;comments===
-===[https://github.com/lunapaint/vscode-luna-paint Luna Paint] — Raster Image Editor===
-==Related Pages==
+:'''[https://www.sublimetext.com/ Sublime Text]''' — "sophisticated text editor for code, markup and prose"
+:'''[https://jupyter.org/ jupyter]''' — for interactive computing across all programming&nbsp;languages
+:'''[https://codepen.io/ CodePen]''' — build, test, and discover front-end code
+==Additional Help==
 '''Links to related PPM Wiki pages:'''
 :'''[[GitHub Tips]]'''
+:'''[[JSON File Format Tips]]'''
 :'''[[STL File Format Tips]]'''
 :'''[[SVG File Format Tips]]'''
@@ Line 65: / Line 92: @@
 :[[Arduino|<span style="color:#ffffff; background:#864199">&nbsp;&nbsp;'''Arduino'''&nbsp;&nbsp;</span>]]
 :[[Raspberry Pi|<span style="color:#ffffff; background:#864199">&nbsp;&nbsp;'''Raspberry Pi'''&nbsp;&nbsp;</span>]]
 :[[Computers — Ubuntu|<span style="color:#000000; background:#D0DD27">&nbsp;&nbsp;'''Computers — Ubuntu'''&nbsp;&nbsp;</span>]]
 :[[Computers|<span style="color:#000000; background:#D0DD27">&nbsp;&nbsp;'''Computers — Windows'''&nbsp;&nbsp;</span>]]
-:[[Computers -- Mac and Apple|<span style="color:#000000; background:#D0DD27">&nbsp;&nbsp;'''Computers — Mac and Apple'''&nbsp;&nbsp;</span>]]
+:[[Computers — Mac and Apple|<span style="color:#000000; background:#D0DD27">&nbsp;&nbsp;'''Computers — Mac and Apple'''&nbsp;&nbsp;</span>]]
-==Hand-Curated Links==
-'''Links to member-recommended external sites:'''
-:'''https://www.programmingfonts.org/'''
-:'''https://www.markdownguide.org/'''
-:'''https://jupyter.org/''' — for interactive computing across all programming&nbsp;languages
-:'''https://www.electronjs.org/''' — build cross-platform desktop&nbsp;apps
-:'''[https://codepen.io/ CodePen]''' — build, test, and discover front-end code
-:'''[[wikipedia:List_of_free_and_open-source_software_packages|List of free and open-source software packages]]''' — on&nbsp;Wikipedia
-==For Additional Help==
 :Use the PPM Slack channel #computing
 :[[How To Slack#PPM Channel Names and Descriptions|'''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&nbsp;community.
+: Note that we have a Slack channel (#job-board) for members to post, discuss, or accept job opportunities either within PPM or from the&nbsp;community.
 {{Template:Footer}}
-{{Template:Ideas into reality}}
 <p style="padding:0.2em 0.4em; background:#ff6c00; color:#FFFFFF; font-size:15%;"> &nbsp; </p>
 [[Category:Software]]