使用 Vscode 编写 HTML 文档竟然可以自动写代码

Posted 1_bit

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用 Vscode 编写 HTML 文档竟然可以自动写代码相关的知识,希望对你有一定的参考价值。

作者简介

作者名:1_bit
简介:CSDN博客专家,2020年博客之星TOP5,蓝桥签约作者。15-16年曾在网上直播,带领一批程序小白走上程序员之路。欢迎各位小白加我咨询我相关信息,迷茫的你会找到答案。

目录

我化身保姆为你提供 html 教学服务(6)——<b>加粗、<b>换行、<hr>分隔

我开始一直以为网页制作好难(5)——<h1></h1> 标题、<p></p> 段落、

你知道出现“乱码”的原因是什么吗?(4)——编码、<title></title> 网页标题、

一个基础的 HTML 文档有哪些标签?第一节(3)—— <!DOCTYPE html>说明、<head></head> 头部、<body></body> 主体、

使用 Vscode 编写 HTML 文档竟然可以自动写代码(2)—— vscode、快捷方式

保姆级的HTML零基础教程少见吧?这是第一节(1)——介绍、鸡汤

一、用什么软件编写网页

👸小媛:bit 哥这一节可以跟我说用什么软件比较方便的制作网页了吧?😄

🐶1_bit:嗯,已经到时间了,可以讲了。

👸小媛:你要给我介绍一个好用的。😃

🐶1_bit:那我们就用 vscode 吧,轻便又好用。

👸小媛:昂,真的假的?😚

🐶1_bit:当然真的呀,而且 vscode 还有很多插件给你选择呢。

👸小媛:行吧,vscode 哪里可以下载?

🐶1_bit:来这里吧,去他的官网:https://code.visualstudio.com/

👸小媛:然后进去点哪里?

🐶1_bit:直接点 Download 旁边的箭头就可以下载了。

二、vscode 汉化

👸小媛:明白了,可是为什么我下载后我的这个软件是英文呀,我想变成中文怎么办?我看见英文我就发晕,我觉得我需要放弃了。😞

🐶1_bit:这个不难,我们先点击 vscode 编辑器左侧最下面的扩展,然后在出现的提示框中输入 Chinese 就会出现一个语言包,最后点击 install 就可以进行安装了。

👸小媛:完美,安装完成后是不是需要点击 restart 进行重启?

🐶1_bit:是的,你重启完就是中文的 vscode 编辑器了。


👸小媛:完美。😊

三、使用 vscode 快速生成一个 HTML 网页基础结构

👸小媛:那你叫我使用这个软件,初了你说的轻便,对我还有什么帮助吗?

🐶1_bit:当然有呀。

👸小媛:因为你说的轻便对于我来说,我个人体会不深,我入行不久,所以有什么能够帮到我的,我觉得会好很多。

🐶1_bit:那我们就使用快捷键完成一个基础的 HTML 网页语言命令结构吧。

👸小媛:唔,啥意思?😂

🐶1_bit:就是自动生成一串你即将要敲上去的 HTML 命令,这样你就不用打了。

👸小媛:懂了,那我怎么做?

🐶1_bit:首先你先创建一个文件,并且保存这个文件。



👸小媛:创建好了,接下来要干啥?

🐶1_bit:接下来你输入一个英文的感叹号。

👸小媛:出现了提示,然后我要做什么。

🐶1_bit:出现提示后你只需要再按一个 tab 键,这个时候就可以生成一大串代码了。

👸小媛:明白了,哇一大串不会的,我头疼了。😂

🐶1_bit:哈哈哈,下一节我会告诉你这个这个结构的具体解释的。

👸小媛:等你了。😎

以上是关于使用 Vscode 编写 HTML 文档竟然可以自动写代码的主要内容,如果未能解决你的问题,请参考以下文章

vscode自定义Tab填充提高代码编写效率

vscode使用Markdown文档编写

【工具】VSCode 中的MD编辑插件Markdown Preview Enhanced

vscode配置c++环境竟然是有手就行 !¿?!

vscode 完全支持zeng code的写法

vscode插件利器:自动生成代码注释文档算法复杂度