Difference between revisions of "Visual Studio Code Tips"

From Pikes Peak Makerspace Wiki
Jump to navigation Jump to search
 
(119 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, software, 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 and open source multi-platform software application that is used by programmers of all levels. Its name is often shortened to VS&nbsp;Code.
 
−
 
−
Note&nbsp;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&nbsp;languages.
 
VS Code features include debugging, syntax highlighting, intelligent code completion, snippets and code refactoring for many computer&nbsp;languages.
 +
<br>
 +
It also features an integrated terminal and embedded Git version&nbsp;control.
 +
<br>
 +
It is made with the Electron Framework (which is developed and maintained by GitHub).
  
−
It also features an integrated terminal and embedded Git version control.
+
Note that "Visual Studio Code" is an editor, while "Visual Studio" is an IDE. Both&nbsp;are Microsoft&nbsp;products.
  
−
It is made with the [[wikipedia:Electron_(software_framework)|Electron Framework]] (which is developed and maintained by&nbsp;GitHub)
+
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}}
  
−
Visual Studio Code is installed on our [[Ubuntu|'''Ubuntu Workstation''']].
+
<p style="padding:0.2em 0.4em; background:#ff6c00; color:#FFFFFF; font-size:15%;"> &nbsp; </p>
 
<br>
 
<br>
−
<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==
 
−
Links to other sites (external links):
 
−
:[https://code.visualstudio.com/docs/getstarted/introvideos '''Introductory Videos''']
 
−
:[https://github.com/microsoft/vscode/wiki '''Visual Studio Code Wiki''']
 
  
 
==Tips==
 
==Tips==
−
Links to other sites (external links):
+
'''Links to code.visualstudio.com/docs:'''
−
:'''[https://code.visualstudio.com/docs/getstarted/keybindings#_keyboard-shortcuts-reference Keyboard shortcut cheat sheets for all platforms]''' -- code.visualstudio.com
+
:[https://code.visualstudio.com/docs/getstarted/tips-and-tricks '''Tips and Tricks''']
−
:[https://code.visualstudio.com/docs/getstarted/tips-and-tricks '''Tips and Tricks'''] -- code.visualstudio.com
+
:'''[https://code.visualstudio.com/docs/getstarted/telemetry Telemetry options]''' — you can disable telemetry reporting
 +
:'''[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)
 +
:'''[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=w3RSzophv00 '''VS Code tips — Do not disturb mode''']
−
:'''[https://www.youtube.com/watch?v=G6JJxa0QNfE&list=PLvKOuwv1u7bGri7IBkLYhmhMRnvtAlc4N VS Code Tips] -- 476 videos(!) from Code 2020'''
+
:[https://www.youtube.com/watch?v=G6JJxa0QNfE&list=PLvKOuwv1u7bGri7IBkLYhmhMRnvtAlc4N '''VS Code Tips'''] — 476 videos(!) from Code&nbsp;2020
  
−
==For Additional Help==
+
==Training==
−
:Use the PPM Slack channel #computing
+
'''Links to code.visualstudio.com:'''
−
:[[How To Slack#Channel Names and Descriptions|'''List of all PPM Slack channels''']]
+
:[https://code.visualstudio.com/docs/getstarted/introvideos '''Introductory Videos''']
 +
:'''[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:'''
 +
 
 +
=== [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 ===
  
−
==See Also==
+
===[https://streetsidesoftware.com/ Code Spell Check] — spell checking as you type===
−
Links to other PPM Wiki pages (internal links):
+
===[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===
  
−
:[[GitHub Tips|'''GitHub Tips''']]
+
==Related Pages==
−
:'''[[Adobe Dreamweaver Tips]]'''
+
'''Links to related PPM Wiki pages:'''
−
:[[Raspberry Pi|'''Raspberry Pi''']]
 
−
:'''[[Ubuntu]]'''
 
  
−
:[[Computers|<span style="color:#000000; background:#D0DD27">&nbsp;&nbsp;Computers&nbsp;&nbsp;</span>]]
+
:'''[[GitHub Tips]]'''
 +
:'''[[JSON File Format Tips]]'''
 +
:'''[[STL File Format Tips]]'''
 +
:'''[[SVG File Format Tips]]'''
 +
:'''[[USDZ File Format Tips]]'''
  
−
==Curated Extensions==
+
:[[Arduino|<span style="color:#ffffff; background:#864199">&nbsp;&nbsp;'''Arduino'''&nbsp;&nbsp;</span>]]
−
:'''[https://docs.github.com/en/copilot/getting-started-with-github-copilot/getting-started-with-github-copilot-in-visual-studio-code GitHub Copilot] -- code suggestions from comments'''
+
:[[Raspberry Pi|<span style="color:#ffffff; background:#864199">&nbsp;&nbsp;'''Raspberry Pi'''&nbsp;&nbsp;</span>]]
−
:'''[https://github.com/lunapaint/vscode-luna-paint Luna Paint] -- Raster Image Editor'''
 
−
:'''[https://streetsidesoftware.com/ Code Spell Check] -- spell checking as you type'''
 
  
−
==Curated Links==
+
:[[Computers — Ubuntu|<span style="color:#000000; background:#D0DD27">&nbsp;&nbsp;'''Computers — Ubuntu'''&nbsp;&nbsp;</span>]]
−
Links to other sites (external links):
+
:[[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>]]
  
−
:'''[https://code.visualstudio.com/ Product Home Page]'''
+
==Hand-Curated Links==
 +
'''Links to member-recommended external sites:'''
 
:'''https://www.programmingfonts.org/'''
 
:'''https://www.programmingfonts.org/'''
 
:'''https://www.markdownguide.org/'''
 
:'''https://www.markdownguide.org/'''
−
:'''https://alternativeto.net/software/visual-studio-code/'''
+
:'''https://jupyter.org/''' — for interactive computing across all programming&nbsp;languages
−
:'''https://codepen.io/''' -- build, test, and discover front-end code
+
:'''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
  
−
==Other Fun Stuff==
+
==For Additional Help==
−
Links to other sites (external links):
+
:Use the PPM Slack channel #computing
−
:[[wikipedia:Law_of_triviality|'''Bike-Shedding (on Wikipedia)''']]
+
:[[How To Slack#PPM Channel Names and Descriptions|'''List of all PPM Slack channels''']]
−
:[[wikipedia:Rubber_duck_debugging|'''Rubber duck debugging (on Wikipedia)''']]
+
: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.
−
:'''[[wikt:yak_shaving|Yak Shaving]] [[wikipedia:Law_of_triviality|(on Wikipedia)]]'''
 
 
{{Template:Footer}}
 
{{Template:Footer}}
−
[[Category:Incomplete]]
+
{{Template:Ideas into reality}}
 +
<p style="padding:0.2em 0.4em; background:#ff6c00; color:#FFFFFF; font-size:15%;"> &nbsp; </p>
 
[[Category:Software]]
 
[[Category:Software]]
−
[[Category:Volunteers Needed]]
 

Latest revision as of 16:55, 3 December 2024

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
Keyboard shortcut cheat sheets for all platforms
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

Training

Links to code.visualstudio.com:

Introductory Videos
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

Related Pages

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  

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 languages
https://www.electronjs.org/ — build cross-platform desktop apps
CodePen — build, test, and discover front-end code
List of free and open-source software packages — on Wikipedia

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.

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.

 

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