HTML5基础学习(番外):VS Code工具使用

    VS Code,全称Visual Studio Code,来自微软,是一个开源的、基于Electron的轻量代码编辑器。

一、下载安装

    点击打开下载地址,安装非常简单。打开软件后如下所示:

HTML5基础学习(番外):VS Code工具使用

二、设置中文

    在扩展插件商店中搜索中文,进行安装。

HTML5基础学习(番外):VS Code工具使用

三、插件安装

(1)open in browser和view in browser插件,可以再代码中直接右键使用浏览器打开正在编辑的页面。

HTML5基础学习(番外):VS Code工具使用

(2)live server插件,本地服务器插件。

HTML5基础学习(番外):VS Code工具使用

四、基本使用

(1)快速创建HTML页面

    创建html页面,按!+回车能够快速创建html格式。

HTML5基础学习(番外):VS Code工具使用

(2)git操作

    VS Code左侧工具第三个就是git,当你电脑没有git时会提示安装。当你的代码中有变动时,就会在更改中显示出来,消息输入框里添加对该段代码的说明,点击✔可以提交到暂存区。

HTML5基础学习(番外):VS Code工具使用

    点击推送把代码推送到远程仓库。 

HTML5基础学习(番外):VS Code工具使用