REST Client allows you to send HTTP request and view the response in Visual Studio Code directly. Using .http files.
https://marketplace.visualstudio.com/items?itemName=humao.rest-client
How to use underscore lib from DefinitelyTyped with typescript? – Stack Overflow
Step 1. install type definitions (e.g. vs code intellisense) to project:
npm install –save @types/underscore
(https://www.npmjs.com/package/@types/underscore)
Step 2. import to ts file:
import * as _ from “underscore”;
Source: How to use underscore lib from DefinitelyTyped with typescript? – Stack Overflow
Settings Sync – Visual Studio Code Extension
An extension for Visual Studio Code to sync settings between computers.
It Syncs
All extensions and complete User Folder that Contains 1. Settings File 2. Keybinding File 3. Launch File 4. Snippets Folder 5. VSCode Extensions & Extensions Configurations 6. Workspaces Folder
Setting up Visual Studio Code (Part 2)—HTML, CSS and JavaScript settings
My VS Code Extensions for web and angular development
These are the VS Code extensions I use currently for web and angular development:
Auto close tag
Auto complete tag
Auto rename tag
Beautify
Colorize
Debugger for Chrome
ESLint
Expand selection to scope
Highlight matching tag
Html Boilerplate
Html css support
Html snippets
Htmltagwrap
Intellisense for css class names
Jshint
Live sass compiler
Live server
Sass
Tag-rename
TSLint
Unibeautify
Visual Studio Keymap
Search and install trough VS Code Extensions tab or search here:
https://marketplace.visualstudio.com/VSCode
angular2-switcher – Visual Studio Marketplace
angular2-switcher Easily navigate to typescript(.ts)|template(.html)|style(.scss/.sass/.less/.css) in angular2 project.
Add keyboard shortcuts to VS Code: (File -> preferences -> keyboard shortcuts) :
Angular Files – Visual Studio Marketplace
This extension allows quickly scaffold angular 2 file templates in VS Code project.
Debugging Angular Typescript in Visual Studio Code
Some keyboard shortcuts for VS Code
Ctrl+ö (show terminal window) (this is for swedish keyboard…)
Ctrl+P – Quick open – Quickly sort through and find all physical files in your project and open them.
List of members for current file (I use this for Typescript files):
workbench.action.gotoSymbol command. On Windows and Linux it’s set to CTRL+Shift+O by default.
Since I am used to Visual Studio I installed this extension to map a lot of keyboard shortcuts in the same way: Visual Studio Keymap
If you are used to Resharper in Visual Studio here is an excellent post about it:
https://drlongnecker.com/blog/2018/06/visual-studio-code-migrating-from-resharper/
More bindings for those coming from other environments:
https://marketplace.visualstudio.com/search?target=VSCode&category=Keymaps&sortBy=Downloads
Visual Studio Extension – Live Sass Compiler
Really simple and useful when working with sass files in Visual Studio Code.
Install from link below.
Click “Watch sass” in lower right corner of Visual Studio Code.
Edit an scss file and save. -> compiles to css file in the same directory. Also works with live browser reload. See output window / extensions / Live Sass Compile for process info.