Difference between revisions of "Visual Studio Code Tips"

From Pikes Peak Makerspace Wiki
Jump to navigation Jump to search
 
(187 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
Pikes Peak Makerspace (PPM) is dedicated to supporting our maker community in their creative process by providing shared space, shared tools, materials and a knowledge base to turn their ideas into reality.
+
'''Visual Studio Code''' is free and open-source software (FOSS) multi-platform application that is used by programmers of all levels.
 
<br>
 
<br>
−
{{Template:Is incomplete top banner}}
+
Its name is often shortened to VS&nbsp;Code. (Not&nbsp;VSCode.)
 
<br>
 
<br>
−
Visual Studio Code is a free multi-platform software application from Microsoft, and is used by programmers of all levels. Its name is often shortened to VSCode. (Note&nbsp;that "Visual Studio Code" is an editor while "Visual Studio" is an IDE.)
+
VS Code features include debugging, syntax highlighting, intelligent code completion, snippets and code refactoring for many computer&nbsp;languages.
 
<br>
 
<br>
 +
It also features an integrated terminal and embedded Git version&nbsp;control.
 
<br>
 
<br>
−
==Developer Link==
+
It is made with the Electron Framework (which is developed and maintained by GitHub).
−
:'''https://code.visualstudio.com/'''
 
  
−
==Classes and Training==
+
Note that "Visual Studio Code" is an editor, while "Visual Studio" is an IDE. Both&nbsp;are Microsoft&nbsp;products.
 +
 
 +
At Pikes Peak Makerspace (PPM), Visual Studio Code is maintained on Design Workstations 1-3.
 +
<br>
 +
Some recommended extensions, for example "Code Spell Check", are installed at PPM, too.
 +
<br>
 +
<br>
 +
{{Template:Contact Us}}
 +
 
 +
<p style="padding:0.2em 0.4em; background:#ff6c00; color:#FFFFFF; font-size:15%;"> &nbsp; </p>
 +
<br>
 +
[[File:Burst.png|alt=burst of white rays on orange background|link=https://wiki.pikespeakmakerspace.org/index.php/About_PPM|right|frameless|250x250px]]
  
−
===Classes===
 
−
: Pikes Peak Makerspace announces its  [https://www.meetup.com/pikespeakmakerspace/events '''Upcoming events, including classes, on Meetup''']
 
−
===Training -- PPM Trainer(s) needed===
 
−
:'''[https://www.youtube.com/watch?v=G6JJxa0QNfE&list=PLvKOuwv1u7bGri7IBkLYhmhMRnvtAlc4N VS Code Tips] -- 476 videos(!) from Code 2020 on YouTube'''
 
 
==Tips==
 
==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/tips-and-tricks '''Tips and Tricks''']
−
:'''[https://www.youtube.com/watch?v=w3RSzophv00 VS Code tips — Do not disturb mode]'''
+
:'''[https://code.visualstudio.com/docs/getstarted/telemetry Telemetry options]''' — you can disable telemetry reporting
 +
:'''[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)
 +
:'''[https://code.visualstudio.com/docs/getstarted/userinterface#_zen-mode Zen Mode]''' — distraction free user interface (highly customizable)
 +
:[https://code.visualstudio.com/docs/editor/emmet '''Emmet'''] — expand abbreviations and&nbsp;snippets
 +
::(built right into Visual Studio Code, no extension required)
 +
 
 +
'''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=G6JJxa0QNfE&list=PLvKOuwv1u7bGri7IBkLYhmhMRnvtAlc4N '''VS Code Tips'''] — from Code&nbsp;2020 on YouTube
 +
 
 +
==External Training==
 +
'''Links to code.visualstudio.com:'''
 +
 
 +
=== [https://code.visualstudio.com/docs/getstarted/introvideos '''Introductory Videos'''] ===
 +
 
 +
=== [https://code.visualstudio.com/docs/editor/keybindings Keyboard shortcut cheat sheets for all&nbsp;platforms] ===
  
−
===For Additional Help===
+
=== [https://code.visualstudio.com/docs/editor/extension-marketplace Extension Marketplace] ===
−
:Use the PPM Slack channels #computers or #general
 
−
==See Also==
 
−
Links to other PPM Wiki pages (internal links):
 
  
−
:[[GitHub Tips|'''GitHub Tips''']]
+
=== [https://code.visualstudio.com/ Visual Studio Code Product Home Page] ===
−
:[[Raspberry Pi|'''Raspberry Pi''']]
 
−
:'''[[Ubuntu]]'''
 
−
:'''[[Computers]]'''
 
−
:[[Mall Map|'''Mall Map''']]
 
  
−
==Curated Links==
+
==Hand-Curated Extensions==
−
Links to other sites (external links):
+
:'''Links to member-recommended extensions:'''
  
−
:[https://code.visualstudio.com/docs/getstarted/introvideos '''Introductory Videos''']
+
:'''[https://marketplace.visualstudio.com/items?itemName=brunnerh.insert-unicode Insert Unicode]''' — search and insert Unicode characters into documents
  
−
== Other Fun Stuff ==
+
:'''[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.electronjs.org/docs/latest/ '''What is Electron?'''] — on electronjs.org
 +
 
 +
:'''https://www.programmingfonts.org/'''
 +
 
 +
:'''https://www.markdownguide.org/'''
 +
 
 +
'''Alternatives to Visual Studio Code:'''
 +
:'''[https://zed.dev/ zed editor]'''  — "designed for high-performance collaboration with humans and AI (MacOS and Linux)"
 +
 
 +
:'''[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]]'''
 +
:'''[[USDZ File Format Tips]]'''
 +
 
 +
Use the PPM Slack channel #computing
 +
 
 +
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.
  
−
===[[wikipedia:Rubber_duck_debugging|Rubber duck debugging]]===
 
−
<br>
 
−
<hr>
 
 
{{Template:Footer}}
 
{{Template:Footer}}
 +
<p style="padding:0.2em 0.4em; background:#ff6c00; color:#FFFFFF; font-size:15%;"> &nbsp; </p>
  
−
[[Category:Incomplete]]
 
 
[[Category:Software]]
 
[[Category:Software]]
−
[[Category:Volunteers Needed]]
 

Latest revision as of 14:54, 29 March 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 — from Code 2020 on YouTube

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:

What is Electron? — on electronjs.org
https://www.programmingfonts.org/
https://www.markdownguide.org/

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

Use the PPM Slack channel #computing

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.

 

Retrieved from "https://wiki.pikespeakmakerspace.org/index.php?title=Visual_Studio_Code_Tips&oldid=20639"