Visual Studio Code
Jump to navigation
Jump to search
![Visual Studio Code icon](http://178.128.105.246/host-http-upload.wikimedia.org/wikipedia/commons/thumb/9/9a/Visual_Studio_Code_1.35_icon.svg/120px-Visual_Studio_Code_1.35_icon.svg.png)
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]Multimedia
[edit | edit source]- YouTube: Introduction to Visual Studio Code
- YouTube: Visual Studio Code Interface
- YouTube: VSCode - Git Integration
Activities
[edit | edit source]- Complete the tutorial Microsoft: Beginner's Guide to VS Code.
- Download and install Microsoft: Visual Studio Code.
- Review Atlassian: Install Git Tutorial
- Download and install git.
- 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"
- 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
orhttps://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
orDocuments
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
orTesting 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.
- Use Visual Studio Code to edit and publish additional web pages.