手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

WebStorm的页面怎样在浏览器中预览效果

时间:2024-10-14 13:52:01

1、首先,我们打开自己的WebStrom软件,打开项目,找到任意一个.html的文件。

WebStorm的页面怎样在浏览器中预览效果

2、我们选中某个html文件,然后右击,在弹出的菜单中有一项是“run ***.html”,

WebStorm的页面怎样在浏览器中预览效果

3、点击之后,我们电脑上默认的浏览器就会自动打开这个页面,并且该页面有配置好的服务器。

WebStorm的页面怎样在浏览器中预览效果

4、刚才提示“run ***.html”的文字后面括号内有(Ctrl+Shift+F10),这个是快捷键,我们可以在选中html文件后,同时按住键盘上的这三个键来在浏览器中打开页面。

WebStorm的页面怎样在浏览器中预览效果

5、以上都是没有编辑html文件,只是在目录中时的操作,当我们在WebStorm中打开了html文件后,还有另一种快捷操作方式。

WebStorm的页面怎样在浏览器中预览效果

6、WebStorm软件的右上角有一个显示当前文件名称的部分,后面紧挨着的一个绿色三角形,点击绿色三角就可以在浏览器中显示页面,或者按下提示的Shift+F10快捷键。

WebStorm的页面怎样在浏览器中预览效果

7、还有一个更直观的方法,我们将鼠标悬停到文件编辑区域的右上角,会浮现出几个主流浏览器的图标,有些我们电脑上并没有安装,只要随意点击电脑上已经安装的浏览器,就会在相应的浏览器中展现相应的html页面。

WebStorm的页面怎样在浏览器中预览效果
© 手抄报圈