【vscode】快速进入html编辑模板与网页运行

问题描述:

vscode在新建html文件的时候是空白页面无内容,不像webstorm会直接将html的模板填充好并且会有提示符可让网页快捷运行展示在浏览器中。(在上学期间都是用的webstorm做前端开发,最近上手用vscode,个人感觉很好用,配合各种插件使用体验感极佳。)

解决方法:

问题①:快速进入html编辑模板

在空白的html页面先输入英文的!(感叹号),再回车,即可快速进入html的模板页面中。

问题②:快速将html展示在浏览器中

先安装插件open in browser,然后在你想要运行展示在浏览器中的html页面按alt+b,即可将html页面快速显示在浏览器中。

另外,如果按shift+alt+b,可以切换浏览器。

结果截图:

发布了22 篇原创文章 · 获赞 3 · 访问量 1902

猜你喜欢

转载自blog.csdn.net/weixin_44322399/article/details/101481366
今日推荐