Visual Studio Tips for Web Developers

45mBeginner2018-12-03

Authors

Walt Ritscher

Programmer, UI Designer, Staff Instructor at LinkedIn Learning

Course details

Visual Studio is a popular and powerful IDE that offers developers an array of helpful tools and features. In this course, instructor Walt Ritscher shares some of his favorites, providing you with practical tips that can help you streamline your web development workflow and make your developer environment a more pleasant place to visit. Learn how to configure and work with Browser Link, a feature that allows you to connect multiple browsers together and synchronize changes across them when testing web applications. Plus, explore essential extensions such as the Markdown Editor and Roslynator 2017.

Learning objectives
Configuring settings to suggest best NuGet packages for a project
Configuring Browser Link and the extension
Viewing SVG files in the IDE
Using the Zen Coding expander to enter HTML
Essential extensions, including Markdown Editor and Spell Checker

Skills covered

Visual Studio CodeWeb Development ToolsPersonaSoftware Development ToolsWeb DevelopmentMicrosoftSoftware Development

Concepts

Introduction

Make Visual Studio more productive when making web applications
How to access the sample code on GitHub

Tips

Configure settings to suggest best NuGet packages for a project
Essential extension - Web Essentials
Configure Browser Link and the extension
Work with Browser Link
View SVG files in the IDE
Essential extension - Spell Checker
Use the Zen Coding expander to enter HTML
Essential extension - editorconfig IntelliSense
Essential extension - Markdown Editor
Essential extension - Roslynator 2017

Setting Up Your Environment

Clone the GitHub repo to your developer computer
Open a solution from Team Explorer
Use Checkout to open exercise files from Git branches

Conclusion

See more tips in other courses