Book Image

Hands-On Visual Studio 2022

By : Miguel Angel Teheran Garcia, Hector Uriel Perez Rojas
Book Image

Hands-On Visual Studio 2022

By: Miguel Angel Teheran Garcia, Hector Uriel Perez Rojas

Overview of this book

Visual Studio 2022 is the complete and ideal integrated development environment (IDE) for creating large, complex, and scalable applications. It is one of the most complete tools available for development, especially with Microsoft technologies. This book will teach you how to take advantage of the tools available with this IDE to write clean code faster. You’ll begin by learning how to set up and start Visual Studio 2022 and how to use all the tools provided by this IDE. You will then explore key combinations, tips, and additional utilities that can help you to code faster and review your code constantly. Next, you will see how to compile, debug, and inspect your project to analyze its current behavior using Visual Studio. The book also shows you how to insert reusable blocks of code writing simple statements. Later, you will learn about visual aids and artificial intelligence that will help you improve productivity and understand what is going on in the project. By the end of this book, you will be able to set up your development environment using Visual Studio 2022, personalize the tools and layout, and use shortcuts and extensions to improve your productivity.
Table of Contents (20 chapters)
1
Part 1: Visual Studio Overview
7
Part 2: Tools and Productivity
13
Part 3: GitHub Integration and Extensions

Woking with CSS styling tools

Having tools for editing CSS files is an advantage for frontend web developers, as it allows them to edit these files in a fast and easy way. That is why Visual Studio contains several tools that can be of great help in creating and editing these files.

Let's start by examining CSS3 snippets.

CSS3 snippets

Even today, there are still cross-browser compatibility issues for the display of styles. Surely it must have happened to you that when implementing a CSS property, it looks different on each of the browsers.

It is for this reason that Visual Studio has implemented a CSS3 snippet completion system that allows cross-browser compatibility without having to write code for each browser.

To see this in a practical way, we can open the SPAProject | ClientApp | src | components | NavMenu.css file and locate the .box-shadow style. Within this style, we can start typing the term border-radius, which will display the list of IntelliSense...