工具下载

Visual Studio code下载

初始代码

ctrl+n新建再按ctrl+s保存
输入! 再按回车键

   <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>

</body>
</html>

设置中文

2022-10-02T19:13:27.png

插件

  1. Visual Studio Code 的中文（简体）（简体中文）语言包
  2. 使用快捷键在默认浏览器中打开当前 html 文件

Alt + B 在默认浏览器中打开
Shift + Alt + B 在指定的浏览器中打开

  1. 自动重命名标签

更改前面的标签，后面的标签也会一起改变

  1. CSS速览

追踪样式，选中class或id即显示相关的css样式代码
如果您已经知道类或ID名称，则可以快速跳转到正确的CSS / SCSS / LESS代码
5.自动刷新页面
快捷键：先按Alt+L再按Alt+O
2023-07-14T23:31:09.png