Category: Visual Studio

Visual Studio Live Share | Visual Studio

Visual Studio Live Share

Real-time collaborative development

Collaboration across your entire development workflow Live editing Author and edit code together in real time Independent exploration Navigate across files on your own without interrupting others Follow along Pin to a user to follow their cursor as they navigate Group debugging Set breakpoints and step through code together Shared servers View web apps and databases without exposing ports to the Internet Shared terminal Run commands and tasks, with output streamed to team members

Source: Visual Studio Live Share | Visual Studio

How do I wrap a selection with an HTML tag in Visual Studio? – Stack Overflow

A very usable keyboard shortcut when working with html in Visual Studio.

Visual Studio 2015 comes with a new shortcut, Shift+Alt+W wraps the current selection with a div. This shortcut leaves the text “div” selected, making it seamlessly changeable to any desired tag. This coupled with the automatic end tag replacement makes for a quick solution. UPDATE This shortcut is available in Visual Studio 2017 as well, but you must have the “ASP.NET and Web Development” workload installed. Example Shift+Alt+W > p > Enter

Source: How do I wrap a selection with an HTML tag in Visual Studio? – Stack Overflow

Rollback a changeset in TFS / Visual Studio – Stack Overflow

In TFS / Visual Studio 2012, you have a few options.

Rollback to a specific version

In Source Control Explorer:

  • Right Click the branch you wish to roll back
  • Click Rollback…
  • Choose Rollback to a specific version
  • Enter the changeset number you wish to roll back to.

Rollback a single changeset (you can do this through the dialog loaded above too)

  • Right click the changeset you wish to rollback
  • Choose Rollback entire changset

Checkin the rollback.

 

Source: visual studio – Rollback a changeset in tfs – Stack Overflow

node.js – Node Sass could not find a binding for your current environment – Stack Overflow

Error in Visual Studio 2017 in output window from task manager:

Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 5.x
Found bindings for the following environments:
– Windows 64-bit with Node.js 8.x

Solution

For VS 2015

  • Go to: Tools > Options > Projects and Solutions > External Web Tools

For VS 2017(.3)

  • Tools > Options > Projects and Solutions > Web Package Management > External Web Tools (per @nothrow)
  • Reorder so that $(PATH) is above $(DevEnvDir)\Extensions\Microsoft\Web Tools\External

enter image description here

 

See stackoverflow here:

Source: node.js – Node Sass could not find a binding for your current environment – Stack Overflow

Turn off Client-side debugging in Visual Studio 2017 for js and typescript

If you prefer to use Chrome’s or IE’s own dev tools to do client-side debugging, the recent update to Visual Studio 2017 RC introduced a setting to disable the IE and Chrome script debugger (this will also prevent Chrome/IE from closing after a debugging session ends). Go to Tools -> Options -> Debugging -> General and turn off the setting Enable JavaScript Debugging for ASP.NET (Chrome and IE).

This needs to be done as well sometimes:
Tools > Options > Projects and Solutions > Web Projects, uncheck “Stop debugger when browser window is closed”

Source: Client-side debugging of ASP.NET projects in Google Chrome | .NET Web Development and Tools Blog

Missing color syntax highlighting for javascript files in VS2017

I had an issue with Javascript files having no color syntax highlighting in Visual Studio 2017.

I first found this:
https://github.com/Microsoft/TypeScript/issues/14422 
which focused on a TypeScript related problem and didnt help my issue.

I have ReSharper installed, enabling the settings below solved my issue:

To toggle ReSharper syntax highlighting Open the Code Inspection | Settings page of ReSharper options. Use the Color Identifiers check box to enable or disable ReSharper syntax highlighting. Click Save to apply the modifications and let ReSharper choose where to save them, or save the modifications to a specific settings layer using the Save To drop-down list. For more information, see managing and sharing resharper settings.

Source: Syntax Highlighting – Help | ReSharper