Skip to content

The Visual Studio IDE

Visual Studio Community

There are many code editors you can use to develop .NET applications. In this course, you will use the Visual Studio Community Integrated Development Environment (IDE).

Note

For the purposes of these course notes, Visual Studio Community will simply be referred to as Visual Studio or VS.

Visual Studio is a free IDE for developing .NET applications. The install is modular, allowing you to install the things you need to develop the type of applications you want.

Warning

Visual Studio is a very complex tool and is not really intended for beginner programmers. That being said, Visual Studio is the best and most efficient IDE for developing Windows applications. Take time early in this course to practice using Visual Studio.

Note to Mac Users

Although there is a version of Visual Studio for Mac, you will not be able to complete this course with it. You will require a Windows OS to complete this course. You can use Boot Camp (or equivalent software) to run Windows on your Mac.

Download

  1. Navigate to https://visualstudio.microsoft.com/vs/community/ using a browser on your computer.

  2. Click the Download Visual Studio link to download the installer executable file.

    Visual Studio Community Download Page

    Depending on your browser settings, the install file may download automatically to the default download directory.

    Windows Explorer Download Directory

Installing

  1. Run the installer by double-clicking on the installer executable file.

  2. It is very likely the installer will need to do some configuration before the install process happens.

    Installer Configuration

    Click the Continue button.

    When the installer application loads, you will be presented a window where you will choose the development tools you wish to install. The initial page should display Workloads. If not, click Workloads.

    Installation Details

  3. Check only the following item(s):

    • .NET desktop development

    Note

    You can change the directory that Visual Studio will get installed to in the bottom left corner of the window.

  4. Click the Install button located in the bottom right corner.

    The installation could take more than an hour to download and install the selected tools, depending on your system and internet connection.

When the installation completes, you can close the installer.

First Launch of Visual Studio

When you launch Visual Studio for the first time, you will be prompted to sign in using a Microsoft account. You must sign in, in order to unlock the IDE. It will also enable you to use services like Git.

  • If you have a Red River College Polytechnic account, you can sign in with your Red River College Polytechnic credentials.
  • If you have a Microsoft account, you can sign in with your Microsoft account.
  • If you don't have a Microsoft account, and would like to sign in, you can click the Sign up link.
  • If you don't wish to sign in, click the Not now, maybe later link.

If you do not sign in, the application will prompt you for a license. You will need to sign in to unblock yourself. For more information about signing in to Visual Studio click here.

Configure Visual Studio

  1. Launch Visual Studio Community.
  2. Open Visual Studio without Code.

    Open Visual Studio without Code

  3. Go to Tools > Options in the menu strip. This will open the Options dialog window.

    Tools > Options

    Options Dialog Window

  1. Disable line completion.

    Options Dialog Window

    Disabling line completions disables IntelliCode from prompting you for completion suggestions. These completion suggestions sound like they would be a great thing, but they are usually not what you want to do. They can be very tempting to use and will most likely lead to mistakes. Also, it is not a good learning tool.

    Completion Example

Optional Option Changes

  1. Update the color theme of the Visual Studio user interface.

    Color Theme

  2. Update the default save location for projects.

    Default Save Location

  3. Disable CodeLens.

    Disable CodeLens

    Disabling CodeLens removes the reference count above the declaration of classes and its members.

    CodeLens Examples

Note

You may be required to close all Visual Studio Community instances in order for the option changes to be applied.

Warning

It is not recommended to make any other option changes.

Visual Studio Extensions

Extensions are tools that extend the functionality of Visual Studio.

Manage Extensions

To install an extension, you'll need to open the Manage Extension dialog window, search for an extension in the Online catalogue, and click the Download button to download and install the extension.

Required Extension Install

  1. Live Share

    Live Share Extension

    Note

    The Live Share extension may have be installed during your Visual Studio Community install. If there is a green check mark icon in the top right corner of the extension in the search result list, this means the extension is already installed. If you don't see the green check mark, you will need to download and install this extension.

The Environment

The first step to learning the Visual Studio tool is to explore the layout of the interface.

Visual Studio Default Layout

  1. Menu Strip - Where you can find all the functionality of Visual Studio.
  2. Toolbar - Where you can find common Visual Studio functions.
  3. Toolbox Panel - You will use this panel later in the course.
  4. File Editor - Where you edit source code.
  5. Solution Explorer - Where you manage solutions and projects.
  6. Properties Panel - Where you can find and modify information about items selected in Visual Studio.
  7. Error List/Output Panel - Where errors and the results of building a project are listed.

Solution Explorer

The Solution Explorer, typically docked to the top right of the Visual Studio environment, is the most convenient way to manage your Visual Studio Solution and Projects.

Solution Explorer

The Solution Explorer displays the solution, projects, and project files and resources as a tree. Each item in the tree is a node. The root node (top item), is the Solution Node. The nodes attached to Solution Node are the Project Nodes. The nodes attached to the Project Nodes represent resources for the project they are attached to.

Adding Source Code Files

To add a new file to a project, right-click the Project Node and choose Add > New Item... from the context menu.

Add New Item

This will launch the Add New Item dialog window. This window will list many templates for items you can add to the project.

Add New Item Dialog Window

It is recommended that at the beginning of your training to choose the Code File template. This template is really just a blank file.

Warning

Don't forget to name the file at the bottom of the dialog window and ensure you keep the .cs file extension.

Removing Source Code Files

To remove an item from a project, right-click the Item Node you wish to remove and choose Delete from the context menu.

Delete Item

Danger

It is common for Visual Studio beginners to delete a file using Windows File Explorer. If you do this, the file node will still show up in Visual Studio, but will be represented as a broken link.

Tip

Always manage your Visual Studio Project files and resources using Visual Studio's Solution Explorer.

Building (Compiling) a Project

Compiling source code translates human-readable code into machine-readable code that can be executed by a computer. A program, referred to as a compiler, read the source code and translates it into an object code file. In .NET, the compiler converts source code to an intermediate code called bytecode, saved in a file called an assembly.

To build (compile) a project, right-click the Project Node and choose Build from the context menu.

Project Build

If any of the items within the project cause an error, typically syntax related, those errors will show up in the Error List.

Error List

On a successful build, the Output Panel will indicate a successful build.

Output Panel

A new version of the assembly and other files will be generated in the bin\Debug directory within the Project directory.

Running a Application

There are two ways to run an application:

  1. Execute the Executable Assembly (.exe) file within the bin\Debug directory.
  2. Execute the program within Visual Studio. Go to Debug > Start Debugging in the Visual Studio menu strip.

Danger

Class Library Projects do not build to an Executable Assembly (.exe). Therefore, running it will not work.

Opening An Existing Project

To open an existing project, locate the Solution File (.sln) for the solution the project is apart of. Double-clicking the solution file will launch Visual Studio and load the solution and all the solutions projects within Visual Studio.

Further Reading