REST Client allows you to send HTTP request and view the response in Visual Studio Code directly. Using .http files.
Step 1. install type definitions (e.g. vs code intellisense) to project:
npm install –save @types/underscore
Step 2. import to ts file:
import * as _ from “underscore”;
An extension for Visual Studio Code to sync settings between computers.
123456789 All extensions and complete User Folder that Contains1. Settings File2. Keybinding File3. Launch File4. Snippets Folder5. VSCode Extensions & Extensions Configurations6. Workspaces Folder
These are the VS Code extensions I use currently for web and angular development:
Auto close tag
Auto complete tag
Auto rename tag
Debugger for Chrome
Expand selection to scope
Highlight matching tag
Html css support
Intellisense for css class names
Live sass compiler
Visual Studio Keymap
Search and install trough VS Code Extensions tab or search here:
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) :
This extension allows quickly scaffold angular 2 file templates in VS Code project.
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:
More bindings for those coming from other environments:
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.