Sunday, October 2, 2022
HomeC#12 Visible Studio Extensions that enhances your productiveness and code

12 Visible Studio Extensions that enhances your productiveness and code


I like to be a productive programmer.  I spent a whole lot of time discovering the greatest instruments that may assist me in my every day job.

The next Visible Studio extensions are the perfect within the matter of saving time. I’ve at the least twenty put in.

Here’s a record of crucial for me:

Productiveness Energy Instruments

Productiveness Energy Instruments is an extension pack of a number of extensions:

  • Align Assignments – the code assignments will likely be aligned. The code will likely be extra readable.
  • Double-Click on Maximize – while you double-click on a window, it’ll maximize.
  • Copy As Html – this extension is helpful while you copy a whole lot of code from Visible Studio.
  • Repair Combined Tabs – in case your file has areas and tabs, this extension will provide to repair it.
  • Match Margin – this may spotlight on the scrollbar using a variable.
  • Center Click on Scroll – it is possible for you to to scroll utilizing the center button of your mouse.
  • Peek Assist – you get documentation details about a category while you press ALT+F1.
  • Shrink Empty Traces – this may take away empty traces.
  • Answer Error Visualizer – it’ll improve the answer explorer by exhibiting the errors.
  • Time Stamp Margin – within the output window you get a timestamp for every line. It will make it easier to to see when one thing occurred.

I normally set up this extension as a result of it enhances my Visible Studio.

Most likely, you received’t use on daily basis each function, however it’s helpful to have them.

Gulp Snippet Pack

Gulp is an automation toolkit that allows you to do completely different duties. Gulp is predicated on JavaScript, so it has a very simple studying curve.

Gulp Snippet Pack accommodates a few code snippets on your Gulp file. It will make it easier to to put in writing simply a Gulp file.

Gulp Installed Snippets in Visual Studio
Gulp Snippets

For instance, create a gulp file and kind the primary snippet gulp, and press TAB twice. It can import the gulp object and can create a job:

var gulp = require("gulp");

gulp.job("title", operate () {

});

All you must do is to put in writing your code within the job operate.

Tweaks

Tweaks for Visible Studio is an extension that comes with a whole lot of minor fixes that can make it easier to.

For instance, one of many coolest options is that you’ve got the likelihood to reopen a window that you just closed.

Bundler and Minifier

Bundler & Minifier is a compulsory extension for net builders. This extension will add contextual menus that allow you to bundle and minify belongings information like JavaScript, CSS, and HTML.

Bundle & Minifier Menu

A configuration file will likely be created and there you’ll be able to change the choices:

[
  {
    "outputFileName": "wwwroot/js/site.min.js",
    "inputFiles": [
      "wwwroot/js/site.js"
    ]
  },
  {
    "outputFileName": "wwwroot/css/mixed.css",
    "inputFiles": [
      "wwwroot/css/bootstrap.css",
      "wwwroot/css/site.css"
    ],
    "minify": {"enabled": false}
  }
]

Add Any File

Add New File extension provides you the likelihood to create any file sort instantly from Visible Studio.

Till this extension, when you needed to create a git ignore file, Visible Studio didn’t have the choice.

Add any file lets you create any file sort, even information with out extensions just like the Docker file.

Add New File Extension

ZenCoding

ZenCoding is an extension that lets you write HTML quicker.

You possibly can write the tag names of HTML parts and utilizing a particular syntax, you’ll be able to generate a whole lot of HTML.

div>h1#title{Procuring record}+ol>li.merchandise*3

In case you write the above code and press TAB twice, you’ll get:

ZenCoding code example

ReSharper

ReSharper is likely one of the biggest extensions for Visible Studio. This can be a product supplied by JetBrains. Belief me, it’s worthwhile, so you’ll save extra time through the use of this product.

In case you set up ReSharper, most likely you received’t want one other extension. It can improve Visible Studio with a whole lot of cool options:

  • Extra code snippets, code mills, and templates
  • It analyzes your code and provides you options on tips on how to change it to be extra readable and keep away from bugs.
  • Prolonged IntelliSense
  • It lets you convert code sections. For instance, loops will be transformed to LINQ syntax.

HTML Snippet Pack

HTML Snippet Pack is an extension that can import snippets for the most well-liked HTML tags.

In case you develop in ASP.NET Core, then you will want this extension.

HTML Snippets Pack

JavaScript Snippet Pack

If you must deal loads with JavaScript, you then most likely have HTML in JavaScripts strings. On this case, I like to recommend you to make use of HTML for JavaScript. This extension will colorize your HTML that’s within a string.

Picture Optimizer

I additionally suggest you to make use of the WebP file format, which is extra optimized than PNG and JPEG photos. An amazing extension is WebP Toolkit. It provides you the choice to transform the pictures to WebP format.

Editor Enhancements

Mads Kristensen created the extension Editor Enhancements, with a purpose to provide further choices like HTML and URL encoding.

This Visible Studio extension can take away the empty or the duplicate traces. You can even kind the traces ascending or descending.

Identical because the Tweaks extension, this one will make it easier to infrequently.

SonarLint

SonarLint will analyze your code with a purpose to discover bugs and safety vulnerabilities. Virtually, it enhances the default Visible Studio code analyzer.

This extension is open-source. It additionally provides you the likelihood to check the code on a server. Because of this your steady supply pipeline will profit from this.

Conclusions about Visible Studio Extensions

Many of the extensions are without cost however there are fixing solely a few issues. For an extension that may resolve something like ReSharper which has a ton of options, you must pay.

For my part, when you don’t pay for a product like ReSharper, be sure to set up these three extensions:

  1. Productiveness Energy Instruments
  2. Tweaks
  3. Editor Enhancements

These extensions resolve basic issues, that every programmer has.

Don’t neglect to look within the market for different extensions for Visible Studio.

RELATED ARTICLES

LEAVE A REPLY

Please enter your comment!
Please enter your name here

Most Popular

Recent Comments