Difference between revisions of "Visual Studio Code Tips"

From Pikes Peak Makerspace Wiki
Jump to navigation Jump to search
Line 63: Line 63:
 
:'''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 78: Line 77:
 
:[[Computers|<span style="color:#000000; background:#D0DD27">&nbsp;&nbsp;'''Computers'''&nbsp;&nbsp;</span>]]
 
:[[Computers|<span style="color:#000000; background:#D0DD27">&nbsp;&nbsp;'''Computers'''&nbsp;&nbsp;</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&nbsp;apps
 
:'''[https://www.electronjs.org/ Electron Framework]''' — Build cross-platform desktop&nbsp;apps

Revision as of 22:30, 16 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.



Vscode application icon
Visual Studio Code
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)
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
Visual Studio Code Wiki
Product Home Page

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:

PlatformIO — for embedded development

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 other PPM Wiki pages:

GitHub Tips
Adobe Dreamweaver Tips
  Raspberry Pi  
  Ubuntu  
  Computers  

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 if you notice any info that is outdated.