用vscode写html的步骤

html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

vscode是前端开发利器,那么开发一个页面的步骤是什么呢?本文将向你介绍使用vscode写一个html文档的步骤,欢迎学习!

用vscode写html的步骤

vscode写html的步骤

1、创建一个空文件夹,作为项目目录

1.png

2、打开vscode,在文件中选择【打开文件夹】,当然,我们也可以直接将文件夹拖进vscode编辑器

2.png

3、在左侧的“资源管理器”能看见我们的项目文件夹,右键它,新建一个html文档

3.png

4、利用emmet的语法,我们输入半角感叹号 ! ,接着按下tab键,它将自动生成一个html结构

注:没有效果请先安装emmet插件

4.png

5、可以在body里编写我们自己的代码

5.png

相关文章教程推荐:vscode教程

以上就是用vscode写html的步骤的详细内容,更多请关注其它相关文章!