在vscode中快速新建html文件的2种方法总结
脚本之家 / 编程助手:解决程序员“几乎”所有问题!
脚本之家官方知识库 → 点击立即使用
在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文件内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
微信公众号搜索 “ 脚本之家 ” ,选择关注
程序猿的那些事、送书等活动等着你
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若内容造成侵权/违法违规/事实不符,请将相关资料发送至 reterry123@163.com 进行投诉反馈,一经查实,立即处理!
最新评论