vscode 快速新建一个HTML文件

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

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

下面以vscode为示例:
《vscode 快速新建一个HTML文件》

2.英文模式下输入:! 后按tab键
《vscode 快速新建一个HTML文件》
《vscode 快速新建一个HTML文件》

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

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

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

2.搜索 open in browser
《vscode 快速新建一个HTML文件》

3.打开 xxx.html 文件,右键选择“Open In Default Browser”或者快捷键 alt+B 直接运行
《vscode 快速新建一个HTML文件》《vscode 快速新建一个HTML文件》

    原文作者:BrickXSC
    原文地址: https://blog.csdn.net/weixin_44308407/article/details/97682569
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞