My bookmarks and blogposts regarding Web development, JavaScript, C#, ASP.NET, EPiServer, CSS, Html
Adds a timestamp to the Visual Studio 2017 output window.
Timestamp margin Adds the timestamp information to the Output Window in Debug mode: (minutes. Seconds. Milliseconds) Helps keep a track of running processes in the debug window.
Source: Time Stamp Margin – Visual Studio Marketplace
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
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.
This lightweight extension lets you display the full path of the file at bottom of Visual Studio’s Editor. Click Ctrl+Click to Open Containing Folder, Right click to Copy Full Path.
The easiest way to diff two files directly in solution explorer
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.
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:
Addon for visual studio 2017, lets you preview config file transformations.
New command in right click menu in solution explorer.
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:
https://github.com/tonsky/FiraCode/releases/download/1.204/FiraCode_1.204.zip
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:
https://github.com/tonsky/FiraCode
Scott Hanselman on Monospaced Programming Fonts with Ligatures:
https://www.hanselman.com/blog/MonospacedProgrammingFontsWithLigatures.aspx
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.