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 | 在任意位置直接换行 |
来源：番蔬条
声明：本站部分文章及图片转载于互联网，内容版权归原作者所有，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！