首页 > 开发工具 > VSCode > 用vscode写html的步骤

用vscode写html的步骤

angryTom
发布: 2020-02-04 16:36:49
原创
35778 人浏览过

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的步骤的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
visual-studio-code - vscode-vim使用本地.vrimrc
来自于 1970-01-01 08:00:00
0
0
0
VScode建html的时候不出来<HTML>框架
来自于 1970-01-01 08:00:00
0
0
0
node.js - vscode不能跳转到代码
来自于 1970-01-01 08:00:00
0
0
0
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板