vscode 快速新建一个HTML文件

现在工作中很少会去重新写一个html文件,以致很多简单有效的快捷键都不太会用,写个笔记供以后参考,如有不对,请指正…1.在代码编辑器(vscode,pycharm,phpstorm)中新建一个xxx.html文件下面以vscode为示例:2.英文模式下输入:!后按tab键//这样一个简易的html文件就写完了想要快速打开HTML文件查看编辑效果1.点击编辑器主界面…

大家好,又见面了,我是你们的朋友全栈君。

现在工作中很少会去重新写一个html文件,以致很多简单有效的快捷键都不太会用,写个笔记供以后参考,如有不对,请指正…

1.在代码编辑器(vscode,pycharm,phpstorm)中新建一个xxx.html文件

下面以vscode为示例:
在这里插入图片描述

2.英文模式下输入:! 后按tab键
在这里插入图片描述
在这里插入图片描述

//这样一个简易的html文件就写完了

想要快速打开HTML文件查看编辑效果

1.点击编辑器主界面左上侧第五个小图标——‘扩展’按钮;

2.搜索 open in browser
在这里插入图片描述

3.打开 xxx.html 文件,右键选择“Open In Default Browser”或者快捷键 alt+B 直接运行
在这里插入图片描述在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/125177.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号