Hello World

> For the complete documentation index, see [llms.txt](https://eleven-fifty-academy.gitbook.io/dotnet-100-prework-gitbook/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://eleven-fifty-academy.gitbook.io/dotnet-100-prework-gitbook/part-0-intro/3.0-configuration.md).

# 3.0: Configuration

In this module we'll have you configure a few things in Visual Studio Code so that you can optimize your build experience.

## Open HTML files with Chrome

For the prework, it will be easiest for us to use Visual Studio Code(blue icon) for running HTML & CSS. We're going to install a package just for opening raw HTML.

1. Go to the extensions on the left side of VS Code.
2. Search for `open-in-browser`. The package looks like this:

   ![Open in browser](https://1226614751-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfAhlshtlbw2DNJ%2F-LBv68-K6KcrBPg4GQ8g%2F-LBv69K6QF4W90P58IVd%2F1-openinbrowser.PNG?generation=1525705124972926\&alt=media)
3. Install the package.
4. Go into `00-setup.html` in VS Code.

   ```
     DotNetProjects
        └── HTMLCSSPreWork
            └── 1-HTML-Basics
                └── 00-setup.html
   ```
5. Add the following snippet:

   ```markup
   <html>
     <h1>Hello World</h1>
   </html>
   ```
6. Save your file by pressing `ctrl + s`.
7. On a Windows machine, click on the `.html` file and press `ctrl + alt + o`.&#x20;
8. You should be given a list of browsers. Choose Chrome.&#x20;
9. You should see some text in a browser window:

   ![HTML Test](https://1226614751-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfAhlshtlbw2DNJ%2F-LBv68-K6KcrBPg4GQ8g%2F-LBv69QOTERYDecFZknE%2F1-htmltest.PNG?generation=1525705124942591\&alt=media)

## Helpful Tip

Just a note on saving: VS Code has given us an easy to use tool for identifying unsaved files. The X which normally closes a tab will change to a solid circle or "bubble". It is very important that you adopt the habit of saving files before attempting to execute them.

Here is an unsaved file:\
![unsaved](https://1226614751-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfAhlshtlbw2DNJ%2F-LBvA27yhlHEL9uQQziw%2F-LBvA44i2VbMqhQaA7IF%2Fnot-saved.PNG?generation=1525706155830678\&alt=media)

Here is a saved file:\
![unsaved](https://1226614751-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfAhlshtlbw2DNJ%2F-LBvA27yhlHEL9uQQziw%2F-LBvA46e71zqU7BVRSux%2Fsaved.PNG?generation=1525706152543330\&alt=media)