2. 编辑工具介绍

1. 编辑工具介绍

编辑工具就是我们编写代码的工具。

在以后的工作中，我们可能会用到不同的编辑工具，每种编辑工具都有各自的优缺点，至于使用哪一个看自己喜好，接下来的学习当中，我们会使用vscode编辑代码。

2. vscode 基本使用

• 下载/安装

• 设置中文语言环境(https://jingyan.baidu.com/article/7e44095377c9d12fc1e2ef5b.html)

• 扩展插件功能

3. 打开查看项目

推荐：直接将项目文件夹拖拽到 vscode 图标上，实现打开。

4. 新建文件

• 资源管理器中 => +=> 输入文件名+文件扩展名 => 回车保存 (会自动将我们新建的文件保存在当前打开的项目文件夹中)

• 生成页面骨架结构 !。

• vscode中为我们内置了Emmet插件，可以让我们的代码写起来更方便。

5. 运行网页

推荐：借助 vscode 插件功能，安装 open in browser 这个插件，右键会有选择器浏览器打开的选项。

6. vscode详细使用教程视频版

补充：5. vscode使用教程