在vscode中快速新建html文件的2种方法总结
更新时间：2022年04月08日 08:51:02 作者：qq_43142545
这篇文章主要给大家介绍了关于在vscode中快速新建html文件的2种方法,以及如何快速打开HTML文件查看编辑效果的方法,文中通过图文介绍的非常详细,需要的朋友可以参考下
在vscode中新建html文件的两种方法:
第一个方法:
1 点击菜单【文件】，如图所示。
2 点击【新建文件】，如图所示。
3 就会创建一个没有命名的文件，如图所示。
4 点击选择语言开始，会弹出选择语言模式，在自动检测的下拉菜单中选择html，一个没有命名的html文件就创建好了。
5 点击保存或者另存为，给没有命名的html起个名字,可以起字母,数字,中文，起好名字,点击保存，一个html文件就创建好了。
6 我们在html文件上输入【!】叹号(在英文状态下)，然后按键盘的【Tab】键，只有在这种情况下按住Tab键才有用，如图所示。
7 按住tab键后，系统生成的html文件，如图所示。
第二个方法:
1 点击菜单【文件】，如图所示。
2 点击【新建文件】，或者使用快捷键ctrl+n，如图所示
3 点击完【文件】然后点击【保存】或者按快捷键【ctrl+s】进入保存界面，也可以点击另存为或者按快捷键【ctrl+shift+s】我们【输入html文件名称】，选择html的后缀【html】，最后点击保存，如图所示。
4 我们在html文件上输入【!】叹号(在英文状态下)，然后按键盘的【Tab】键，只有在这种情况下按住Tab键才有用，如图所示。
5 按住tab键后，系统生成的html文件，如图所示。
补充：想要快速打开HTML文件查看编辑效果
1.点击编辑器主界面左上侧第五个小图标——‘扩展’按钮；
2.搜索 open in browser
3.打开 xxx.html 文件，右键选择“Open In Default Browser”或者快捷键 alt+B 直接运行
总结
到此这篇关于在vscode中快速新建html文件的2种方法的文章就介绍到这了,更多相关vscode新建html文件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！
您可能感兴趣的文章:
相关文章
本文主要介绍了CMake 生成静态库与动态库的方法步骤，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2023-06-06
C语言的操作符共分为算术操作符,移位操作符,位操作符,赋值操作符,单目操作符,关系操作符,逻辑操作符,条件操作符,逗号表达式,下表引用、函数调用和结构成员这10大类,这篇文章主要给大家介绍了关于C语言中单目操作符++、–的相关资料,需要的朋友可以参考下2021-12-12
这篇文章主要介绍了C语言重难点之内存对齐和位段，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-05-05
这篇文章主要介绍了C语言安全之数组长度与指针,需要的朋友可以参考下2014-07-07
这篇文章主要为大家介绍了C++内联函数，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2022-01-01
本篇文章小编并不是为大家讲解string类型的用法，而是讲解我个人比较好奇的问题，就是string 类型占几个字节2013-08-08
模板是C++支持参数化多态的工具，使用模板可以使用户为类或者函数声明一种一般模式，使得类中的某些数据成员或者成员函数的参数、返回值取得任意类型2022-11-11
C++中汉字字符串的截取，需要的朋友可以参考一下2013-05-05
这篇文章主要介绍了C++中字符串输入get与getline的区别，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-03-03
在学习 C 语言内嵌汇编的实验过程中，发现内嵌汇编极容易造成段错误。2019-02-02
最新评论