@john_papa @burkeholland
@john_papa @burkeholland
@john_papa @burkeholland
@john_papa @burkeholland
@john_papa @burkeholland
@john_papa @burkeholland
editor IDE
lightweight/fast
file/folders
many languages
many workflows
keyboard centered
project systems
code understanding
debug
integrated build
File>New, wizards
designers
ALM integration
platform tools
...
lightweight/fast
file/folders with project context
many languages
keyboard centered
code understanding (some languages)
debug
task running
@john_papa @burkeholland
simplicity of a code editor
code-edit-debug cycle
-- Erich Gamma
Visual Studio Code
@john_papa @burkeholland
Monaco Electron TypeScript
@john_papa @burkeholland
@john_papa @burkeholland
@john_papa @burkeholland
@john_papa @burkeholland
@john_papa @burkeholland
@john_papa @burkeholland
@john_papa @burkeholland
@john_papa @burkeholland
@john_papa @burkeholland
Resources
VS Code
Free Azure trial
Node Extensions
Angular Essentials
Extension Marketplace
Keyboard Shortcuts for macos
Keyboard shortcuts for Windows
@john_papa @burkeholland
https://aka.ms/codeit
https://aka.ms/jp-free
https://aka.ms/vsc-node
https://aka.ms/ng-essentials
https://aka.ms/jp-codeext
https://aka.ms/jp-code-mackeys
https://aka.ms/jp-code-winkeys
@john_papa @burkeholland
@john_papa
Hop Light
Material Icons
Burke’s Setup
@burkeholland
@john_papa
Winter is Coming
Material Icons
John’s Setup
@burkeholland
@john_papa
Winter Is Coming
Atom Dark
Cobalt2
Popular Themes
@burkeholland
@john_papa
Fira Code
Instructions
Font Ligatures
@burkeholland
Insiders Build
@john_papa
Latest features!
@burkeholland
Interactive Playground
@john_papa
Try out features
Learn
@burkeholland
@john_papa
Navigation
@burkeholland
File Search / Fuzzy Match
Symbol Search
Toggle Sidebar
Toggle Lower Pane
Hide Open Files
Hiding Recommendations
P⌘P
@ @
B B
`
⌘
`
"explorer.openEditors.visible": 0
"extensions.showRecommendationsOnlyOnDemand": true
External Terminal
@john_papa
Current folder
Terminal in VS Code
@john_papa
Choose your shell
Stacked terminals
Emmet
@john_papa
Rapid HTML creation
Learn More
@burkeholland
Prettier
@john_papa
Code Formatting
On Save, Paste, Type
@burkeholland
JSON Intellisense
@john_papa
JSON Schemas
npm versions
@burkeholland
Multiple Cursors
@john_papa
Edit like a pro
Progressive
selection
Find matches
@burkeholland
Quick Fixes
@john_papa
Auto import
Correct syntax
Lint fixes
Smart
suggestions
@burkeholland
Refactoring
@john_papa
Find references
Rename symbols
Peek
@burkeholland
JavaScript Type
Checking
@john_papa
Check javascript
Using typescript
//@ts-check
@burkeholland
Snippets
@john_papa
Code faster
Language specific
@burkeholland
Node.js Debugging
@john_papa
Start debugger
Breakpoints
Column Breakpoints
Inspect and change
@burkeholland
Dockerize Your App
@john_papa
Add docker files
@burkeholland
Serverless – Azure Functions
@john_papa
Create projects
Create functions
List Projects
Publish To Azure
@burkeholland
Cosmos DB – Mongo DB
@john_papa
Manage DB’s
Execute queries
Local MongoDB
@burkeholland
Setting Sync
@john_papa
Save to gist
Share with friends
@burkeholland
Extensions
@john_papa
5000+
Marketplace
Make Your Own
@burkeholland
Resources
VS Code
Free Azure trial
Node Extensions
Angular Essentials
Extension Marketplace
Keyboard Shortcuts for macos
Keyboard shortcuts for Windows
@john_papa @burkeholland
https://aka.ms/codeit
https://aka.ms/jp-free
https://aka.ms/vsc-node
https://aka.ms/ng-essentials
https://aka.ms/jp-codeext
https://aka.ms/jp-code-mackeys
https://aka.ms/jp-code-winkeys
More Visual Studio Code at //Build
js apps with VS Code
C++ Development
@john_papa @burkeholland
Visual Studio Code Can Do That: Tips & Tricks
Visual Studio Code Can Do That: Tips & Tricks

Visual Studio Code Can Do That: Tips & Tricks