Visual Studio Code

Visual Studio Code icon

Visual Studio Code is a source code editor developed by Microsoft for Windows, Linux and macOS. It includes support for debugging, embedded Git control, syntax highlighting, intelligent code completion, snippets, and code refactoring. It is also customizable, so users can change the editor's theme, keyboard shortcuts, and preferences. It is free and open-source, although the official download is under a proprietary license.[1]

## Readings

[edit | edit source]

1. Wikipedia: Visual Studio Code

## Multimedia

[edit | edit source]

1. YouTube: Introduction to Visual Studio Code
2. YouTube: Visual Studio Code Interface
3. YouTube: VSCode - Git Integration

## Activities

[edit | edit source]

1. Complete the tutorial Microsoft: Beginner's Guide to VS Code.
2. Download and install Microsoft: Visual Studio Code.
3. Review Atlassian: Install Git Tutorial
4. Download and install git.
5. Confirm your global commit name and email address are set by opening a command prompt and running the command:
`git config --list`
If necessary, run the following commands, replacing the text in quotes with your information:
`git config --global user.email "you@example.com"`
`git config --global user.name "Your Name"`
6. Use Visual Studio Code to create and publish a simple web page.
* Review Microsoft: Using Version Control in VS Code.
* Create a Bitbucket website repository or GitHub website repository to host your web page.
* Start Visual Studio Code.
* View the Command Palette.
* Enter `Git: Clone`.
* Enter the URL to your git repository, such as `https://accountname@bitbucket.org/accountname/accountname.bitbucket.io.git` or `https://github.com/username/username.github.io.git`
If the error, "fatal: protocol 'git clone https' is not supported", appears, git clone was entered twice.
* Enter a local parent directory for the repository, such as your `Desktop` or `Documents` folder.
* Open the cloned repository.
* Create or edit the `index.html` file. See Internet Fundamentals/HTML for more information.
* Save the file.
* View SCM (Source Code Management).
* Enter a message, such as `Creating index.html` or `Testing Visual Studio Code`.
* Commit the change by clicking on the check mark.
* In the Visual Studio Code status bar, click on the up arrow to synchronize changes with the git repository.
* Check your repository to verify that the synchronization was successful.
7. Use Visual Studio Code to edit and publish additional web pages.

## See Also

[edit | edit source]

* Internet Fundamentals
* Git
* VisualStudio.com: HTML

## References

[edit | edit source]

1. ↑ Wikipedia: Visual Studio Code