Difference between revisions of "Visual Studio Code Tips"
| Line 18: | Line 18: | ||
<hr style="height:2.5px"> | <hr style="height:2.5px"> | ||
<br> | <br> | ||
| − | [[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|120x120px|thumb|<center>'''Visual Studio Code<br>application icon'''</center>]] |
| − | ==Tips == | + | ==Tips== |
Links to code.visualstudio.com: | Links to code.visualstudio.com: | ||
| Line 30: | Line 30: | ||
:'''[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 code.visualstudio.com: | Links to code.visualstudio.com: | ||
| Line 51: | Line 51: | ||
: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: | ||
| Line 67: | Line 67: | ||
:'''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 85: | Line 85: | ||
:[[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 18:59, 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.
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:
Links to other external sites:
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.