My blogposts and bookmarking regarding Web development, C#, ASP.NET, EPiServer, CSS, Html
An extension for Visual Studio Code to sync settings between computers.
It Syncs
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 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:
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
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.