Visual Studio Code
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.
- YouTube: Introduction to Visual Studio Code
- YouTube: Visual Studio Code Interface
- YouTube: VSCode - Git Integration
- Complete the tutorial Microsoft: Beginner's Guide to VS Code.
- Download and install Microsoft: Visual Studio Code.
- Download and install git.
- 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 the URL to your git repository, such as
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
- Open the cloned repository.
- Create or edit the
index.htmlfile. See Internet Fundamentals/HTML for more information.
- Save the file.
- View SCM (Source Code Management).
- Enter a message, such as
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. If not, the most common error is the following one-time git configuration.
If necessary, open a command prompt and run the commands, replacing the text in quotes with your information:
- git config --global user.email "email@example.com"
- git config --global user.name "Your Name"
- Use Visual Studio Code to edit and publish additional web pages.