04- 编辑器

目录

一、纯文本编辑器

二、VS code编辑器

插件扩展

VS code使用步骤

VS code常用快捷键

---

单纯使用记事本并不利于开发一些大型项目，所以要用到编辑器，纯文本编辑器就是一个选择，因为HTML本身就是纯文本文件。

一、纯文本编辑器

所有的纯文本编辑器都能编辑HTML文件。例如记事本、Editplus、notepad等。

专门制作网页的软件有：

Sublime  、  WebStorm   、 HBuilder  、  Visual Studio Code

选择使用Visual Studio Code即VS Code编辑器。

二、VS code编辑器

 学习期间使用VS code软件，它是微软公司研发的一款非常方便使用的编辑器，并且免费，不需要购买。

VS code 拥有超级丰富的插件扩展，你可以根据自己的需求使用不同的插件，对于开发者来说更加友好。有些软件使用一些快捷键时可能需要安装外部插件，但是VS Code将这些插件集成在了自己的插件库中，不需要下载，只需要在VS Code自己的扩展插件库中搜索然后直接安装就可以。

插件扩展

VS Code安装完成后必须先安装一些比较方便的插件以便于后续的编程。

打开VS code后，使用ctrl+shift+X打开扩展，推荐安装几个初期使用的插件：

最后一个插件可以不用单独搜索安装，因为已经集成在VS Code中了，知道为什么这些快捷键可以使用就是因为这个插件的存在就可以了。

VS code使用步骤

1. 新建文件，ctrl+N。

2. 保存对应的文件格式ctrl+S，例如.html、.css、.js等文件。

3. 使用对应的快捷键快速编写程序。

VS code常用快捷键