Keyboard Shortcut For Commenting In Visual Studio Mac

As a consultant, I spent most of my time developing with Microsoft technologies for almost 20 years. I have loved Visual Studio (Interdev at one time) as my coding environment. Lately, I have been using a MacBook Pro to do some cross platform development, but never really found anything that fit well for what I was trying to do. Sure, TextMate was probably my best option…I just didn’t spend enough time in it to care to tweak it to my needs.

In April, Microsoft released Visual Studio Code as part of its //Build conference. I have been using it on my MBP for most of the coding I do on the Mac. I found a number of things I really like…particularly doing Node and JavaScript development. Best part is that it is cross platform, so I can run it on my Mac, Linux and Windows machines, and I have the same editing experience. With Git support built in out of the box, what more could I ask for? Well, here are the things I find save me the most time.

Download Visual Studio Code to experience a redefined code editor, optimized for building and debugging modern web and cloud applications. Download Visual Studio Code - Mac, Linux, Windows This site uses cookies for analytics, personalized content and ads. Visual Studio Mac is a mobile-first, cloud-first IDE. Everything you need for mobile, cloud and Mac development. Download Visual Studio for Mac today. Download microsoft visual studio for mac.

When you are creating a website that is going to be using dynamic content (or just creating a demo), and you don’t quite have access to what that content is yet…what do you do? You fake it. You put in dummy text, and dummy images. Microsoft Word has the feature of using “=rand(10,10)” to generate random content, but that doesn’t help me in my code editor. The focus is on the design, not the content. But running your fingers around on the keyboard for random text is kind of a waste of time and it doesn’t really yield result that shows “for placement only” type look. Besides, you need tags in there to get what you really wanted.

Here’s where Emmet abbreviations come in handy. A simple:

This will get you four paragraphs of random length “lorem ipsum” text. You know good ol’ Lorem right? You can always look here if you need a history lesson on filler texts and the like. This can get more complex by chaining them together. For example:

That will produce five <li> tags with three <paragraph class=”item”> tags containing a random ten word text. Like so:

 

2 4 6 8 10 12 14 16 18 20 22 24

<pclass='item'>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Amet,repellendus.</p> <pclass='item'>Cum,praesentium,harum.Odit,similique impedit aliquid blanditiis doloribus vel.</p> <pclass='item'>Quas cupiditate eum suscipit magni esse nemo natus quia deleniti?</p> <li> <pclass='item'>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Dolores,amet.</p> <pclass='item'>Officiis consectetur vero numquam quaerat,nam reiciendis enim tempore doloribus.</p> <pclass='item'>Facere fuga,dolores voluptate labore numquam corporis cupiditate iste accusantium!</p> <li> <pclass='item'>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Tenetur,explicabo?</p> <pclass='item'>Aliquid tempora molestiae dolore,minus nam debitis numquam?Nesciunt,quae?</p> <pclass='item'>Perspiciatis omnis labore porro et,sit autem architecto non ad.</p> <li> <pclass='item'>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Accusantium,tenetur.</p> <pclass='item'>Ipsum natus,perferendis officiis ex veniam numquam assumenda nesciunt accusamus?</p> <pclass='item'>Nemo animi molestiae,non facilis corrupti itaque possimus quisquam aspernatur.</p> <li> <pclass='item'>Lorem ipsum dolor sit amet,consectetur adipisicing elit.Expedita,cupiditate!</p> <pclass='item'>Minus iure debitis dicta.Rerum dolore possimus cumque,aconsequatur.</p> <pclass='item'>Dignissimos enim,corporis.Ex aut fugiat sapiente earum,sint enim.</p>

For more Emmet info, see the documentation here. Sure…this isn’t exclusive to Visual Studio…but I don’t have to do anything to install it and have it working everywhere.

This one is my editing dream come true. When I am refactoring code, I often find that I am adding or removing the same thing in multiple places. No…not duplication like bad code, but adding more descriptive name to items. Maybe it changing a series of properties like HomeAddress, HomeCity, HomeState, HomeZipCode and removing the “Home” piece of this. In the past, the column edit (Alt-shift) was a way to get this done. But now…WHOA! I can click in multiple lines of code in different columns and add or delete code simultaneously. This is done with the Alt-Click in the Code window.

Not only can I do the multi-select with the Alt-Click…I can select all the words that match what I am currently on. In this example, if I wanted to change the word “delorean” I could Ctrl-Shift-L the word and all instances are selected as in the next image.

If the language supports it, hovering over symbols in your code will give you useful information. This really hasn’t been that big of deal for me except for when I am messing with CSS. If you have a lot of complex selectors in your CSS, it is helpful to see how a particular selector is being considered. In Visual Studio Code, I can hover over a selector and see the “hypothetical DOM” that would have this style applied to it. In this case the selector on line 44 would be applied to an element with a class of “sports-icon-list” that contained an anchor tag (<a>) with a heading six (<h6>) applied to it. Very useful to visualize it if I really meant to have a comma in there to apply to more elements.

So when you work with bracket based languages like C#, Javascript, and C++, you can easily get lost in the mire of missing brackets. For that matter, even if you want to move to the end of the code block, it can be challenging to know you are in the right place. With Bracket Match, you can easily click Ctrl-Shift-] and go directly to the end (or beginning) of a code block. This has saved me an immense amount of time working in my Node applications or messing with Javascript in general. Helpful that it uses the bracket in the keyboard shortcut too.

So I have been used to this in C# for quite some time now, but having it come to Javascript (and other languages). Here’s the cool thing…there are a number of ways to make it work. If you press Ctrl while hovering over a symbol, you will get a quick popup of the definition. A quick click while you are holding the control (Ctrl-Click) and you are now at that point in the code where the symbol was defined or Ctrl-Alt-Click to open the definition in a new side window. Unfortunately, there is no quick way to go back to where you were working, so I prefer the hover or the new side window approach to editing the files.

Here’s five of my favorite keyboard shortcuts in Visual Studio, I think there’s a good chance there is at least one of them you haven’t seen before!

Find more Visual Studio tips and tricks here

This keyboard shortcut is new in Visual Studio 2013. If you put the cursor on a line of code and use the <ALT><UP ARROW> key the line of code you have selected moves up. If you use the <ALT><DOWN ARROW> the line of code selected moves down.

[View:https://www.youtube.com/watch?v=ys76IHPsuf0]

Chances are you have noticed the “+” and “-“ symbols in the margins that allow you to collapse and expand your classes and functions. Did you know you can create your own collapsible regions? If you select a section of code and then use the key sequence <CTRL><M><H> you turn that region into a collapsible/expandable region. The key sequence <CTRL><M><U> will remove the collapsible region (it doesn’t delete the code, it just removes the icon that allows you to expand and collapse.

[View:https://www.youtube.com/watch?v=xoFXTaWQtbo]

How To Make An App In Visual Studio Mac

Whether it’s because you are trying to track down a but, or experimenting with code change, from time to time you will want to comment and uncomment blocks of code. If you select a block of code and use the key sequence <CTRL><K><C> will comment out the section of code. <CTRL><K><U> will uncomment the code.

[View:https://www.youtube.com/watch?v=ciEKiV31qQ8]

The Silhouette Studio Mobile app is for creating designs and cutting with your Silhouette CAMEO, Curio and Portrait cutters. Silhouette studio software for mac. *The Silhouette cutter must be connected to a computer running Silhouette Link.

When you are going through your code and you want to examine the code in the method you are calling, many programmers will use the <F12> key or the pop-up menu option Go To Definition. Go To Definition will navigate to the called method, however many times you don’t need to navigate to the code. Sometimes, you just want a quick look at the method. If you have installed Visual Studio 2013 there is a new keyboard shortcut <ALT><F12> which will give you a preview of the method being called inline. You can use the <ESC> key to close the preview.

[View:https://www.youtube.com/watch?v=bUZgS8qeYBY]

When you have multiple files open at the same time you may want a way to quickly move back and forth between two or three different locations in your code. If you have moved from one location to another you can use the keyboard sequence <CTRL><-> to move to the previous location and then you can return using <CTRL><SHIFT><->

Keyboard Shortcut For Commenting In Visual Studio Mac Download

[View:https://www.youtube.com/watch?v=dvx7Mxc3RkA]

Students can download Visual Studio 2013 Professional at DreamSpark

Keyboard Shortcut For Commenting In Visual Studio Mac Osx

MSDN subscribers can download it from MSDN

Anyone can get express versions of Visual Studio for free or 90 day trials of Visual Studio Professional, Premium, or Ultimate at the Visual Studio downloads center.

Visual Studio Zoom Keyboard Shortcut

Learn more about the new features of Visual Studio by watching the Visual Studio 2013 New Features at Microsoft Virtual Academy