vscode的下载和安装

开发工具

1、简介

在前面一节中，通过文本编辑器进行了网页源码的编写。当代码过多的时候，效率就会变得很低。

所以，实际的开发中，我们都会使用开发工具(代码编辑器)来提高我们的编码效率和便捷性。

开发工具有很多：Visual Studio Code 、Webstorm 、Sublime 、Dreamweaver、Hbuilder

这里我们选择前端开发神器：VS Code ->速度快、体积小、插件多(可扩展)。

2、下载和安装

2.1 官网下载

https://code.visualstudio.com/

我们这下载选择第一个稳定版的：

2.2 vs code安装

1.接受安装协议

2.选择你想安装vscode的位置(路径)

3.下一步或者直接安装

2.3 安装中文插件

因为vs code 的内容默认是英文的，如果你看不懂的话可以通过安装中文插件。

在搜索栏里面输入：Chinese

选择第一个，install安装。

在安装之后需要重启vs code 加载插件，重新打开内容就是中文的了。

3、用vscode生成html的骨架

1.新建html文件

2.输入快捷键shfit+1得到! ，按两下tab键就得到了下面的html骨架。

3.在body标签内添加内容

4.按下alt+B快捷键，打开默认浏览器查看文件效果