1、联想
2、华硕
3、华为
4、苹果
ID | 插件名称 | 插件功能 |
---|---|---|
1 | chinese(simplified …) | 简体中文语言包 |
2 | live server | 实时预览 |
3 | prettier-code formatter | 最流行的代码格式化插件 |
4 | better comments | 自定义注释颜色 |
5 | path intellisense | 路径自动感知填充 |
6 | helium icon theme | 一款我喜欢的文件图标主题 |
7 | one dark pro | 经典的主题,使用者众多,很耐看 |
8 | material theme | 经典”材料”主题, |
9 | material theme icons | 常与 material theme 配置的文件图标 |
10 | shades of purple | 赛博朋克风格的一款主题,很明亮风骚 |
11 | dracula official | 经典的吸血鬼主题 |
12 | dracula at night | 个人更喜欢这款小众的吸血鬼暗黑版(教学用它) |
13 | code runner | 几乎可以快速运行常见的所有语言,如`php,java,js… |
14 | codesnap | 快速生成苹果电脑风格的代码片断截图,分享时使用 |
15 | markdown preview… | markdown 实时预览 |
16 | markdownlint | markdown 语法检查器 |
<!-- 文档的类型-->
<!DOCTYPE html>
<!-- !根元素: lang 页面语言 -->
<html lang="en">
<!-- 头部元素: 页面描述,供浏览器或搜索引擎解析时参考 -->
<head>
<!-- 元标签meta: charset 默认字符集,utf8可表示世界上几乎所有已知语言字符-->
<meta charset="UTF-8" />
<!-- ?浏览器兼容,原用于IE8适配,可确保按IE最高版本来解析页面,可有可无,现在微软也采用了Chrome内核啦 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<!-- !视口适配控制: 极其重要,这涉及到三个"视口"类型之间的转换与适配,后面讲到移动端布局更细说 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- ?页面标题: 显示在浏览器标签页,用于描述页面信息 -->
<title>html的文档结构</title>
</head>
<!-- !主体元素: 页面实际显示的内容,也是开发重点和用户真正关注的部分 -->
<body>
<h1>今天又是美好的一天</h1>
</body>
</html>