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.

Readings

1. Wikipedia: Visual Studio Code

Multimedia

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

Activities

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%20clone%20https' 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

• Internet Fundamentals
• Git
• VisualStudio.com: HTML