Mac Visual Code Studio Shortcut For Commenting Out

Block Comment Visual Studio Shortcut
Mac Visual Code Studio Shortcut For Commenting Out With Semicolon

What are the best visual studio tips and shortcuts? Update Cancel. Ad by Atlassian. What features are missing in Visual Studio Mac vs. Visual Studio Windows? What is the difference between Visual Studio and Visual Studio Team Service? What's the best Ionic Visual Studio Code extension? Is Visual Studio worth it or not? To see the Visual Studio Code keyboard shortcut you do not need to visit a web or search anywhere else. You can find it inside Visual Studio Code itself. How to find out what specific key combination is bound to which command Press 'Ctrl+Shift+O'. The key combination 'Ctrl+Shift+O' is bound to Quick Outline. A complete list of all keyboard shortcuts in Visual Studio 2017. Visual Studio 2017 keyboard shortcuts The complete list. 2012; 2013; 2015; 2017; Build Build Solution Ctrl+Shift+B Cancel Ctrl+Break Run Code Analysison Solution Alt+F11 Class View Context Menus Properties Alt+Enter Misc Commit All Edits. Step Out Shift+F11 Step Out Current. The following table contains the keyboard shortcuts for the application. This shortcut does not work for the Log and Results tabs when you use Internet Explorer. This shortcut requires Internet Explorer 10 or later. Ensure that the focus is in the body of the code editor, and then press Ctrl+F.

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.

Learn to Code at In this video I show you the best shortcuts I use in Visual Studio Code, as well as a few tips and tricks thrown in for good measure. This Quick 2 minute video shows you all about commenting, and uncommenting, and even has an added little trick to know about ASP.NET (ASPX) Commenting. [CTRL]+[K],[C] = Comment the current line, or selected lines of code.

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:

Block Comment Visual Studio Shortcut

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

<span>></span><span>Lorem </span><span>ipsum </span><span>dolor </span><span>sit </span><span>amet</span><span>,</span><span>consectetur </span><span>adipisicing </span><span>elit</span><span>.</span><span>Amet</span><span>,</span><span>repellendus</span><span>.</span><span><</span><span>/</span><span>p</span><span>></span></div><div><span><</span><span>p</span><span>class</span><span>=</span><span>'item'</span><span>></span><span>Cum</span><span>,</span><span>praesentium</span><span>,</span><span>harum</span><span>.</span><span>Odit</span><span>,</span><span>similique </span><span>impedit </span><span>aliquid </span><span>blanditiis </span><span>doloribus </span><span>vel</span><span>.</span><span><</span><span>/</span><span>p</span><span>></span></div><div><span><</span><span>p</span><span>class</span><span>=</span><span>'item'</span><span>></span><span>Quas </span><span>cupiditate </span><span>eum </span><span>suscipit </span><span>magni </span><span>esse </span><span>nemo </span><span>natus </span><span>quia </span><span>deleniti</span><span>?</span><span><</span><span>/</span><span>p</span><span>></span></div><div><span><</span><span>li</span><span>></span></div><div><span><</span><span>p</span><span>class</span><span>=</span><span>'item'</span><span>></span><span>Lorem </span><span>ipsum </span><span>dolor </span><span>sit </span><span>amet</span><span>,</span><span>consectetur </span><span>adipisicing </span><span>elit</span><span>.</span><span>Dolores</span><span>,</span><span>amet</span><span>.</span><span><</span><span>/</span><span>p</span><span>></span></div><div><span><</span><span>p</span><span>class</span><span>=</span><span>'item'</span><span>></span><span>Officiis </span><span>consectetur </span><span>vero </span><span>numquam </span><span>quaerat</span><span>,</span><span>nam </span><span>reiciendis </span><span>enim </span><span>tempore </span><span>doloribus</span><span>.</span><span><</span><span>/</span><span>p</span><span>></span></div><div><span><</span><span>p</span><span>class</span><span>=</span><span>'item'</span><span>></span><span>Facere </span><span>fuga</span><span>,</span><span>dolores </span><span>voluptate </span><span>labore </span><span>numquam </span><span>corporis </span><span>cupiditate </span><span>iste </span><span>accusantium</span><span>!</span><span><</span><span>/</span><span>p</span><span>></span></div><div><span><</span><span>li</span><span>></span></div><div><span><</span><span>p</span><span>class</span><span>=</span><span>'item'</span><span>></span><span>Lorem </span><span>ipsum </span><span>dolor </span><span>sit </span><span>amet</span><span>,</span><span>consectetur </span><span>adipisicing </span><span>elit</span><span>.</span><span>Tenetur</span><span>,</span><span>explicabo</span><span>?</span><span><</span><span>/</span><span>p</span><span>></span></div><div><span><</span><span>p</span><span>class</span><span>=</span><span>'item'</span><span>></span><span>Aliquid </span><span>tempora </span><span>molestiae </span><span>dolore</span><span>,</span><span>minus </span><span>nam </span><span>debitis </span><span>numquam</span><span>?</span><span>Nesciunt</span><span>,</span><span>quae</span><span>?</span><span><</span><span>/</span><span>p</span><span>></span></div><div><span><</span><span>p</span><span>class</span><span>=</span><span>'item'</span><span>></span><span>Perspiciatis </span><span>omnis </span><span>labore </span><span>porro </span><span>et</span><span>,</span><span>sit </span><span>autem </span><span>architecto </span><span>non </span><span>ad</span><span>.</span><span><</span><span>/</span><span>p</span><span>></span></div><div><span><</span><span>li</span><span>></span></div><div><span><</span><span>p</span><span>class</span><span>=</span><span>'item'</span><span>></span><span>Lorem </span><span>ipsum </span><span>dolor </span><span>sit </span><span>amet</span><span>,</span><span>consectetur </span><span>adipisicing </span><span>elit</span><span>.</span><span>Accusantium</span><span>,</span><span>tenetur</span><span>.</span><span><</span><span>/</span><span>p</span><span>></span></div><div><span><</span><span>p</span><span>class</span><span>=</span><span>'item'</span><span>></span><span>Ipsum </span><span>natus</span><span>,</span><span>perferendis </span><span>officiis </span><span>ex </span><span>veniam </span><span>numquam </span><span>assumenda </span><span>nesciunt </span><span>accusamus</span><span>?</span><span><</span><span>/</span><span>p</span><span>></span></div><div><span><</span><span>p</span><span>class</span><span>=</span><span>'item'</span><span>></span><span>Nemo </span><span>animi </span><span>molestiae</span><span>,</span><span>non </span><span>facilis </span><span>corrupti </span><span>itaque </span><span>possimus </span><span>quisquam </span><span>aspernatur</span><span>.</span><span><</span><span>/</span><span>p</span><span>></span></div><div><span><</span><span>li</span><span>></span></div><div><span><</span><span>p</span><span>class</span><span>=</span><span>'item'</span><span>></span><span>Lorem </span><span>ipsum </span><span>dolor </span><span>sit </span><span>amet</span><span>,</span><span>consectetur </span><span>adipisicing </span><span>elit</span><span>.</span><span>Expedita</span><span>,</span><span>cupiditate</span><span>!</span><span><</span><span>/</span><span>p</span><span>></span></div><div><span><</span><span>p</span><span>class</span><span>=</span><span>'item'</span><span>></span><span>Minus </span><span>iure </span><span>debitis </span><span>dicta</span><span>.</span><span>Rerum </span><span>dolore </span><span>possimus </span><span>cumque</span><span>,</span><span>a</span><span>consequatur</span><span>.</span><span><</span><span>/</span><span>p</span><span>></span></div><div><span><</span><span>p</span><span>class</span><span>=</span><span>'item'</span><span>></span><span>Dignissimos </span><span>enim</span><span>,</span><span>corporis</span><span>.</span><span>Ex </span><span>aut </span><span>fugiat </span><span>sapiente </span><span>earum</span><span>,</span><span>sint </span><span>enim</span><span>.</span><span><</span><span>/</span><span>p</span><span>></span></div></div></td></tr></tbody></table><img src='http://www.devacron.com/wp-content/uploads/2017/10/Visual_Studio_Code_Keyboard_Shortcuts_Linux.png' alt='Shortcut' title='Shortcut' /><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.</p><p>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.</p><p>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 <strong>Ctrl-Shift-L</strong> the word and all instances are selected as in the next image.</p><p>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.</p><p>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 <strong>Ctrl-Shift-]</strong> 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.</p><h3 id='mac-visual-code-studio-shortcut-for-commenting-out-with-semicolon'>Mac Visual Code Studio Shortcut For Commenting Out With Semicolon</h3><p>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 <strong>Ctrl</strong> while hovering over a symbol, you will get a quick popup of the definition. A quick click while you are holding the control (<strong>Ctrl-Click</strong>) and you are now at that point in the code where the symbol was defined or <strong>Ctrl-Alt-Click</strong> 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.</p></p>
			</div>
	<footer class="entry-meta entry-footer">
					
					
			</footer>
</article>				</div>
				<div class="col-xs-12">
									</div>
						</div>
		</main>
			<div id="secondary" class="col-md-4 col-lg-3 site-sidebar widget-area" role="complementary">
		<aside id="search-3" class="widget box widget_search"><form role="search" method="get" class="search-form" action="#">
	<div class="form-group">
		<input type="search" class="form-control" placeholder="Search …" value="" name="s" title="Search:">
	</div>
	<div class="form-submit">
		<button type="submit" class="search-submit">Search</button>
	</div>
</form></aside>		<aside id="recent-posts-5" class="widget box widget_recent_entries">		<h3 class="widget-title">MOST POPULAR ARTICLES</h3>		<ul>
					<li><a href='/yoga-studio-app-for-mac'>: Yoga Studio App For Mac</a></li>
<li><a href='/download-android-studio-for-mac-os'>: Download Android Studio For Mac Os</a></li>
<li><a href='/mac-mini-for-home-recording-studio'>: Mac Mini For Home Recording Studio</a></li>
<li><a href='/download-fl-studio-9-free-for-mac'>: Download Fl Studio 9 Free For Mac</a></li>
<li><a href='/corel-video-studio-for-mac-os-x'>: Corel Video Studio For Mac Os X</a></li>
<li><a href='/visual-studio-for-mac-code-style'>: Visual Studio For Mac Code Style</a></li>
<li><a href='/dvd-studio-for-mac'>: Dvd Studio For Mac</a></li>
<li><a href='/sony-studio-platinum-11-render-for-mac'>: Sony Studio Platinum 11 Render For Mac</a></li>
<li><a href='/cinema-4d-studio-for-mac'>: Cinema 4d Studio For Mac</a></li>
				</ul>
		</aside>			</div>	</div>
			</div>
		</div>
		<footer id="footer" class="site-footer" role="contentinfo">
			<div class="container">
				<div class="row">
					<div class="col-sm-6 site-info">
						© 2021 Cricketomg. 
					</div>
					<div class="col-sm-6 site-credit">
						 
					</div>
				</div>
			</div>
		</footer>
		
	</body>
</html>