Question

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

Answer 1

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

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

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

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

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

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

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