0
点赞
收藏
分享

微信扫一扫

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

毅会 2022-02-22 阅读 40


作者简介

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

目录

​​HTML基础之bit哥的反客为主之道(9)​​​—— ​​<big></big>​​​ 放大标签 h5不支持、 ​​<center></center>​​​ 居中h5不支持、​​<blockquote></blockquote>​​ 引用标签

​​赶紧3分钟学完15分钟的内容我要出去玩(8)​​​—— ​​<big></big>​​​ 放大标签 h5不支持、 ​​<center></center>​​​ 居中h5不支持、​​<blockquote></blockquote>​​ 引用标签

​​我使用 html 反向输出自己打自己(7)​​​——​​<a>​​​超链接、​​<bdo>​​覆盖

​​我化身保姆为你提供 html 教学服务(6)​​​——​​<b>​​​加粗、​​<br>​​​换行、​​<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 吧,轻便又好用。

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

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

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

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

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

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

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

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

二、vscode 汉化

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

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

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

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

使用 Vscode 编写 HTML 文档竟然可以自动写代码(2)_原力计划_04

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

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

????小媛:完美。????

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

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

????1_bit:当然有呀。

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

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

????小媛:唔,啥意思?????

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

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

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

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

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

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

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

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

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

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

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

使用 Vscode 编写 HTML 文档竟然可以自动写代码(2)_前端_09

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

????小媛:等你了。????



举报

相关推荐

0 条评论