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:
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

Visual Studio 2017 not returning to correct line after ctrl click (go to definition) and closing window

For me the problem was connected to ReSharper which already implements this function. Solution was to disable the VS 2017 functionality for ctrl+click. (prefer the ReSharper way with built in decompiling)

Goto options -> Text Editor -> General -> uncheck “Enable mouse click…”

Disable the default vs2017 setting.

‘fatal: unable to access ‘\/.config/git/config’: Invalid argument’ when running VS 2017 and opening a GIT based solution

I got this message ‘fatal: unable to access ‘\/.config/git/config’: Invalid argument’ when opening a GIT based solution in VS 2017.
Solution was to add an environment variable “HOME” with value “c:\” (c: or where your project folder resides).

Solution info here:

Source: I get ‘fatal: unable to access ‘\/.config/git/config’: Invalid argument’ when running VS 2017 as a user on a different domain from local windows user – Developer Community

Read and understand code faster with programming ligatures in Fira Code font | Making Visual Studio perfect

I was recently on a conference and spotted this nice code font:
Fira Code
which makes use of “ligatures” that takes common programming characters and make them more readable.

Such as >= ++ != and presents them in a more condensed and more readable way.

Read more here:
Read and understand code faster with programming ligatures in Fira Code font | Making Visual Studio perfect

To use in Visual Studio 2017, download from:

Unzip ttf folder select all fonts, right click menu and install.
Open/Restart VS2017 -> Options -> Environment -> Fonts and colors -> Select “Fira Code” as font.

Fira Code on github:

Scott Hanselman on Monospaced Programming Fonts with Ligatures:

See more code in VS2017 – Shrink Empty Lines Addon

Use this addon for VS 2017:

Source: Shrink Empty Lines – Visual Studio Marketplace

Shrinks empty line height in code editor by 25% to be able to see more lines of codes at a glance.

Read more:

Attach To All The Things – Visual Studio 2017 Addon

Great tool for attaching VS 2017 debug to IIS for instance.

It will add some menu options under the Tools menu.
After installing this addon its possible set a keyboard shortcut by searching for “tools.attach” in the VS keyboard shortcut window.

Source: Attach To All The Things – Visual Studio Marketplace