003、编辑器-VS code

1、纯文本编辑器

• 所有的纯文本编辑器都能编辑HTML文件。例如记事本、Editplus、notepad等。
• 专门制作网页的软件有：Sublime，WebStorm，Visual Studio Code、HBuilder X等。

2、VS code编辑器

• VS code是微软公司研发的一款非常方便使用的编辑器。
• VS code 拥有超级丰富的插件扩展，你可以根据自己的需求使用不同的插件，对于开发者来说更加友好。

3、插件扩展

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

插件名	作用
Chinese (Simplified) Language Pack for Visual Studio Code	使用中文界面
Auto Rename Tag	修改 html 标签，自动完成尾部闭合标签的同步修改
open in browse	右键设置在默认浏览器打开网页
Mithril Emme	快速编写工具，已经集成 在VS code中，可以不必安装

4、VS code使用步骤

1. 新建文件，ctrl+N。

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

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

5、常用快捷键

按下Ctrl+k ,再按下Ctrl+s，会出现VS code快捷键一览表。

!或html:5→tab/ctrl+E	自动生成基本骨架
标签名→tab	自动生成标签
标签名*n→tab	自动生成n个相同的标签
h$*6→tab	自动生成h1到h6的标签
按住鼠标滚轮拖动	同时选中多个光标，同时操作
ctrl+z	无限后退一步
ctrl+滚轮	调整显示字号大小
shift+ctrl+z	无限还原一步
ctrl+enter	在任意位置直接换行