Difference between revisions of "Visual Studio Code Tips"
| Line 22: | Line 22: | ||
==Tips== | ==Tips== | ||
Links to code.visualstudio.com: | Links to code.visualstudio.com: | ||
| − | |||
:'''[https://code.visualstudio.com/docs/getstarted/userinterface#_command-palette VS Code Command Palette]''' | :'''[https://code.visualstudio.com/docs/getstarted/userinterface#_command-palette VS Code Command Palette]''' | ||
::(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/tips-and-tricks '''Tips and Tricks'''] [https://code.visualstudio.com/docs/editor/emmet '''Emmet'''] — expand abbreviations and snippets | |
| + | ::built right into Visual Studio Code, no extension required | ||
Links to other external sites: | 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'''] | ||
| Line 31: | Line 31: | ||
:[https://github.com/microsoft/vscode/wiki '''Visual Studio Code Wiki'''] | :[https://github.com/microsoft/vscode/wiki '''Visual Studio Code Wiki'''] | ||
| − | ==Cheat Sheets== | + | == Cheat Sheets == |
Links to code.visualstudio.com: | Links to code.visualstudio.com: | ||
| Line 43: | Line 43: | ||
:'''[https://code.visualstudio.com/ Visual Studio Code Product Home Page]''' | :'''[https://code.visualstudio.com/ Visual Studio Code Product Home Page]''' | ||
| − | == 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=== | ||
| Line 50: | Line 50: | ||
===[https://github.com/lunapaint/vscode-luna-paint Luna Paint] — Raster Image Editor=== | ===[https://github.com/lunapaint/vscode-luna-paint Luna Paint] — Raster Image Editor=== | ||
===[https://streetsidesoftware.com/ Code Spell Check] — spell checking as you type=== | ===[https://streetsidesoftware.com/ Code Spell Check] — spell checking as you type=== | ||
| − | |||
| − | |||
| − | |||
==Curated Links== | ==Curated Links== | ||
Links to external sites: | Links to external sites: | ||
Revision as of 18:14, 6 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 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
- Visual Studio Code Wiki
Cheat Sheets
Links to code.visualstudio.com:
Keyboard shortcut cheat sheets for all platforms
Training — PPM Trainer(s) needed
PPM announces all its Upcoming events, including classes, on Meetup
Links to code.visualstudio.com:
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
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:
Curated Links
Links to member-recommended external sites:
- Electron Framework — Build cross-platform desktop apps
- 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.