Difference between revisions of "Visual Studio Code Tips"
Jump to navigation
Jump to search
| (9 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | '''Visual Studio Code''' is | + | '''Visual Studio Code''' is free and open-source software (FOSS) multi-platform application that is used by programmers of all levels. |
<br> | <br> | ||
Its name is often shortened to VS Code. (Not VSCode.) | Its name is often shortened to VS Code. (Not VSCode.) | ||
| − | |||
| − | |||
<br> | <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. | ||
| Line 11: | Line 9: | ||
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). | ||
| − | At Pikes Peak Makerspace (PPM), Visual Studio Code is | + | 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. | ||
<br> | <br> | ||
Some recommended extensions, for example "Code Spell Check", are installed at PPM, too. | Some recommended extensions, for example "Code Spell Check", are installed at PPM, too. | ||
| Line 20: | Line 20: | ||
<p style="padding:0.2em 0.4em; background:#ff6c00; color:#FFFFFF; font-size:15%;"> </p> | <p style="padding:0.2em 0.4em; background:#ff6c00; color:#FFFFFF; font-size:15%;"> </p> | ||
<br> | <br> | ||
| − | [[File:Burst.png|alt= | + | [[File:Burst.png|alt=burst of white rays on orange background|link=https://wiki.pikespeakmakerspace.org/index.php/About_PPM|right|frameless|250x250px]] |
==Tips== | ==Tips== | ||
| − | '''Links to | + | '''Links to code.visualstudio.com/docs:''' |
| − | |||
:[https://code.visualstudio.com/docs/getstarted/tips-and-tricks '''Tips and Tricks'''] | :[https://code.visualstudio.com/docs/getstarted/tips-and-tricks '''Tips and Tricks'''] | ||
| + | :'''[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 platforms]''' | :'''[https://code.visualstudio.com/docs/getstarted/keybindings#_keyboard-shortcuts-reference Keyboard shortcut cheat sheets for all platforms]''' | ||
:'''[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]''' | ||
::(for example, "Transform to UPPERCASE", and other conversions are not in the menus) | ::(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 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) |
'''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'''] | ||
:[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== | ==Training== | ||
| Line 60: | Line 58: | ||
==Related Pages== | ==Related Pages== | ||
'''Links to related PPM Wiki pages:''' | '''Links to related PPM Wiki pages:''' | ||
| + | |||
:'''[[GitHub Tips]]''' | :'''[[GitHub Tips]]''' | ||
| + | :'''[[JSON File Format Tips]]''' | ||
:'''[[STL File Format Tips]]''' | :'''[[STL File Format Tips]]''' | ||
:'''[[SVG File Format Tips]]''' | :'''[[SVG File Format Tips]]''' | ||
| Line 67: | Line 67: | ||
:[[Arduino|<span style="color:#ffffff; background:#864199"> '''Arduino''' </span>]] | :[[Arduino|<span style="color:#ffffff; background:#864199"> '''Arduino''' </span>]] | ||
:[[Raspberry Pi|<span style="color:#ffffff; background:#864199"> '''Raspberry Pi''' </span>]] | :[[Raspberry Pi|<span style="color:#ffffff; background:#864199"> '''Raspberry Pi''' </span>]] | ||
| + | |||
:[[Computers — Ubuntu|<span style="color:#000000; background:#D0DD27"> '''Computers — Ubuntu''' </span>]] | :[[Computers — Ubuntu|<span style="color:#000000; background:#D0DD27"> '''Computers — Ubuntu''' </span>]] | ||
:[[Computers|<span style="color:#000000; background:#D0DD27"> '''Computers — Windows''' </span>]] | :[[Computers|<span style="color:#000000; background:#D0DD27"> '''Computers — Windows''' </span>]] | ||
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.
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:
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:
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.