Difference between revisions of "Visual Studio Code Tips"
Jump to navigation
Jump to search
| Line 2: | Line 2: | ||
<br> | <br> | ||
<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 Code. (Not VSCode.) | + | '''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. | Note that "Visual Studio Code" is an editor while "Visual Studio" is an IDE. Both are Microsoft products. | ||
| Line 23: | Line 23: | ||
:'''[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 | ||
::(e.g. "Transform to" UPPERCASE, etc. is not in the menus) | ::(e.g. "Transform to" UPPERCASE, etc. is not in the menus) | ||
| − | :'''[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 |
:[https://code.visualstudio.com/docs/getstarted/tips-and-tricks '''Tips and Tricks'''] — code.visualstudio.com | :[https://code.visualstudio.com/docs/getstarted/tips-and-tricks '''Tips and Tricks'''] — code.visualstudio.com | ||
:[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 2020''' |
==Training — PPM Trainer(s) needed== | ==Training — PPM Trainer(s) needed== | ||
| Line 44: | Line 44: | ||
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=== |
===[https://github.com/lunapaint/vscode-luna-paint Luna Paint] — Raster Image Editor=== | ===[https://github.com/lunapaint/vscode-luna-paint Luna Paint] — Raster Image Editor=== | ||
| Line 54: | Line 54: | ||
===[https://streetsidesoftware.com/ Code Spell Check] — spell checking as you type=== | ===[https://streetsidesoftware.com/ Code Spell Check] — spell checking as you type=== | ||
| − | ===[https://code.visualstudio.com/docs/editor/emmet Emmet] — expand abbreviations and snippets=== | + | ===[https://code.visualstudio.com/docs/editor/emmet Emmet] — expand abbreviations and snippets=== |
:'''built right into Visual Studio Code, no extension required''' | :'''built right into Visual Studio Code, no extension required''' | ||
| Line 63: | Line 63: | ||
:'''https://alternativeto.net/software/visual-studio-code/''' | :'''https://alternativeto.net/software/visual-studio-code/''' | ||
:'''https://codepen.io/''' — build, test, and discover front-end code | :'''https://codepen.io/''' — build, test, and discover front-end code | ||
| − | :'''https://jupyter.org/''' — for interactive computing across all programming languages | + | :'''https://jupyter.org/''' — for interactive computing across all programming languages |
==See Also== | ==See Also== | ||
| Line 85: | Line 85: | ||
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 | ||
| − | :'''[[wikipedia:List_of_free_and_open-source_software_packages|List of free and open-source software packages]]''' — on Wikipedia | + | :'''[[wikipedia:List_of_free_and_open-source_software_packages|List of free and open-source software packages]]''' — on Wikipedia |
{{Template:Footer}} | {{Template:Footer}} | ||
<br> | <br> | ||
Revision as of 20:00, 24 July 2023
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 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)
Visual Studio Code is installed on our Design Workstations 1-3, and our Ubuntu Workstation.
Tips
Links to external sites:
- VS Code Command Palette — code.visualstudio.com
- (e.g. "Transform to" UPPERCASE, etc. is not in the menus)
- Keyboard shortcut cheat sheets for all platforms — code.visualstudio.com
- Tips and Tricks — code.visualstudio.com
- VS Code tips — Do not disturb mode
- VS Code Tips — 476 videos(!) from Code 2020
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
See Also
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
- PPM Tool Color Map — Interactive
- Search the PPM Wiki — include both Content pages and Multimedia
- Contact Us if you cannot find your answer here on our Wiki, or you notice something is outdated.