现在工作中很少会去重新写一个html文件,以致很多简单有效的快捷键都不太会用,写个笔记供以后参考,如有不对,请指正…
1.在代码编辑器(vscode,pycharm,phpstorm)中新建一个xxx.html文件
下面以vscode为示例:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/4bebf4161a8054cd74d1d2a75fd2dd7d.png)
2.英文模式下输入:! 后按tab键
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/783a6821dde5c5b84a8cbaa038d65f41.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/96e2dadc79c4c24a096821f781b0e375.png)
//这样一个简易的html文件就写完了
想要快速打开HTML文件查看编辑效果
1.点击编辑器主界面左上侧第五个小图标——‘扩展’按钮;
2.搜索 open in browser
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/f36e773ebc9b4a04a0dc978a4d3da948.png)
3.打开 xxx.html 文件,右键选择“Open In Default Browser”或者快捷键 alt+B 直接运行
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/7103e043e4d8a63bd9e5356dc98dcaec.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/59e7df19c72b09386f13beafca92cc98.png)