vscode 快速新建一个HTML文件

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

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

下面以vscode为示例:
vscode 快速新建一个HTML文件_第1张图片

2.英文模式下输入:! 后按tab键
vscode 快速新建一个HTML文件_第2张图片
vscode 快速新建一个HTML文件_第3张图片

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

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

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

2.搜索 open in browser
vscode 快速新建一个HTML文件_第4张图片

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

你可能感兴趣的:(HTML,HTML)