2024安装vscode详细教程+拓html框架了解

淩亂°似流年 2024-04-17 11:37 59阅读 0赞

> 为了学习前端，为了学习编程。其实vscode很好用的哦，其包含了多种语言的编译，作为一个开源的软件，是大部分人学习的一款好工具呢！

## 安装vscode ##

> 官网：[https://code.visualstudio.com/][https_code.visualstudio.com]

这里我们选择合适的版本：  
![在这里插入图片描述][d1b2a61355a643a1b4c182b129b0cc01.png]  
![在这里插入图片描述][a3873f719a234d95a02880e80e401ba8.png]  
![在这里插入图片描述][b151efbec8ab4702bc17ed2c7810022f.png]  
![在这里插入图片描述][d13fa4ee3ac94d59b045f4d60f01478f.png]  
可以安装扩展，有利于学习  
![在这里插入图片描述][ec48bd3dd8224a17ade79855e4510fe6.png]

## 前端html的学习： ##

![在这里插入图片描述][9b18668ad4944f6f85e346d1f607c4f0.png]  
可以输入英文的感叹号，直接系统帮生成框架  
![在这里插入图片描述][4d1bb259a60642c285903503314649f1.png]

`html 基础框架`

![在这里插入图片描述][55c41edfd4994994b6bf4720fd29df88.png]

*  HTML文档声明（Document Type Declaration, 简称  
    DOCTYPE）是一种标准化声明，它出现在HTML文档的顶部，紧随其后的是HTML根元素
    
    。DOCTYPE的主要目的是告诉Web浏览器文档遵循的HTML或XHTML规范的具体版本，以便浏览器采用正确的解析模式来解析和渲染页面。
 *  根元素，通常指的是标签，它是HTML文档结构中的顶级元素或容器元素，也是所有其他HTML元素的父元素。根元素标志着一个HTML文档的开始和结束，它的存在告诉浏览器这是一个HTML文档，应当按照HTML的标准语法来解析和呈现其中的内容。

[https_code.visualstudio.com]: https://code.visualstudio.com/
[d1b2a61355a643a1b4c182b129b0cc01.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/6be1942e43ae420bafafd620da3d8819.png
[a3873f719a234d95a02880e80e401ba8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/50e97c1f8fe54f7884648f80d23d60eb.png
[b151efbec8ab4702bc17ed2c7810022f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/18bbdb78ca12432b8a54a62317b7945f.png
[d13fa4ee3ac94d59b045f4d60f01478f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/ea9fcee76818461aa527e0fe3086cdba.png
[ec48bd3dd8224a17ade79855e4510fe6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/8e1e1cc4887d4a5f842f8bfd32877230.png
[9b18668ad4944f6f85e346d1f607c4f0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/77c849287e064de68b2b05ff2deacfa1.png
[4d1bb259a60642c285903503314649f1.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/e768af6f180d450b8ac29d8f122242a0.png
[55c41edfd4994994b6bf4720fd29df88.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/12/6a2902303b084a87a8a8471076c03aa4.png