Difference between revisions of "Visual Studio Code Tips"
Jump to navigation
Jump to search
| Line 1: | Line 1: | ||
'''Visual Studio Code''' is a free and open source multi-platform software application that is used by programmers of all levels. | '''Visual Studio Code''' is a free and open source multi-platform software application that is used by programmers of all levels. | ||
| − | + | <br> | |
Its name is often shortened to VS Code. (Not VSCode.) | Its name is often shortened to VS Code. (Not VSCode.) | ||
| − | + | <br> | |
Note that "Visual Studio Code" is an editor while "Visual Studio" is an IDE. Both are Microsoft products. | Note that "Visual Studio Code" is an editor while "Visual Studio" is an IDE. Both are Microsoft products. | ||
| − | + | <br> | |
VS Code features include debugging, syntax highlighting, intelligent code completion, snippets and code refactoring for many computer languages. | VS Code features include debugging, syntax highlighting, intelligent code completion, snippets and code refactoring for many computer languages. | ||
| − | + | <br> | |
It also features an integrated terminal and embedded Git version control. | It also features an integrated terminal and embedded Git version control. | ||
| + | <br> | ||
It is made with the Electron Framework (which is developed and maintained by GitHub) | It is made with the Electron Framework (which is developed and maintained by GitHub) | ||
| Line 17: | Line 18: | ||
[[File:Vscode application icon.png|alt=Vscode application icon|thumb|<center>'''Visual Studio Code<br>application icon'''</center>]] | [[File:Vscode application icon.png|alt=Vscode application icon|thumb|<center>'''Visual Studio Code<br>application icon'''</center>]] | ||
| − | ==Tips== | + | ==Tips == |
Links to external sites: | Links to external sites: | ||
:'''[https://code.visualstudio.com/docs/getstarted/userinterface#_command-palette VS Code Command Palette]''' — code.visualstudio.com | :'''[https://code.visualstudio.com/docs/getstarted/userinterface#_command-palette VS Code Command Palette]''' — code.visualstudio.com | ||
| Line 25: | Line 26: | ||
:'''[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 2020''' | ||
| − | ==Cheat Sheets== | + | ==Cheat Sheets == |
Links to external sites: | Links to external sites: | ||
:'''[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/keybindings#_keyboard-shortcuts-reference Keyboard shortcut cheat sheets for all platforms]''' — code.visualstudio.com | ||
| Line 37: | Line 38: | ||
:[https://github.com/microsoft/vscode/wiki '''Visual Studio Code Wiki'''] | :[https://github.com/microsoft/vscode/wiki '''Visual Studio Code Wiki'''] | ||
| − | ==For Additional Help == | + | ==For Additional Help== |
| − | : Use the PPM Slack channel #computing | + | :Use the PPM Slack channel #computing |
:[[How To Slack#Channel Names and Descriptions|'''List of all PPM Slack channels''']] | :[[How To Slack#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 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 community. | ||
| − | ==Curated Extensions== | + | ==Curated Extensions == |
Links to external sites: | Links to external sites: | ||
| − | === [https://marketplace.visualstudio.com/items?itemName=jock.svg SVG] — coding, including preview === | + | ===[https://marketplace.visualstudio.com/items?itemName=jock.svg SVG] — coding, including preview=== |
| − | ===[https://platformio.org/ PlatformIO] — for embedded development (Arduino) === | + | ===[https://platformio.org/ PlatformIO] — for embedded development (Arduino)=== |
===[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=== | ===[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=== | ||
| Line 58: | Line 59: | ||
:'''built right into Visual Studio Code, no extension required''' | :'''built right into Visual Studio Code, no extension required''' | ||
| − | ==Curated Links== | + | == Curated Links == |
Links to external sites: | Links to external sites: | ||
:'''https://www.programmingfonts.org/''' | :'''https://www.programmingfonts.org/''' | ||
| Line 66: | Line 67: | ||
:'''https://jupyter.org/''' — for interactive computing across all programming languages | :'''https://jupyter.org/''' — for interactive computing across all programming languages | ||
| − | == Related Pages == | + | ==Related Pages== |
Links to related PPM Wiki pages: | Links to related PPM Wiki pages: | ||
:'''[[GitHub Tips]]''' | :'''[[GitHub Tips]]''' | ||
| Line 76: | Line 77: | ||
:[[Computers|<span style="color:#000000; background:#D0DD27"> '''Computers''' </span>]] | :[[Computers|<span style="color:#000000; background:#D0DD27"> '''Computers''' </span>]] | ||
| − | == Other Fun Stuff == | + | ==Other Fun Stuff == |
Links to external sites: | Links to external sites: | ||
:'''[https://www.electronjs.org/ Electron Framework]''' — Build cross-platform desktop apps | :'''[https://www.electronjs.org/ Electron Framework]''' — Build cross-platform desktop apps | ||
Revision as of 19:13, 26 December 2023
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.
File:Vscode application icon.png Visual Studio Code
application icon
application icon
Tips
Links to external sites:
- VS Code Command Palette — code.visualstudio.com
- (e.g. "Transform to" UPPERCASE, etc. is not in the menus)
- Tips and Tricks — code.visualstudio.com
- VS Code tips — Do not disturb mode
- VS Code Tips — 476 videos(!) from Code 2020
Cheat Sheets
Links to external sites:
- Keyboard shortcut cheat sheets for all platforms — code.visualstudio.com
Training — PPM Trainer(s) needed
Pikes Peak Makerspace announces its Upcoming events, including classes, on Meetup
Links to external sites:
- Introductory Videos — code.visualstudio.com
- Visual Studio Code Product Home Page
- 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:
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.