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的页面怎样在浏览器中预览效果
  • premiere怎么设置字幕位置
  • Premiere如何创建搜索素材箱
  • PR怎么调出效果控件窗口
  • ps怎么降噪
  • PS怎么设置导出文件询问位置
  • 热门搜索
    安全消防手抄报 垃圾分类的手抄报 安全的手抄报图片 小学四年级手抄报大全 节约用水手抄报资料 元宵节手抄报英语版 消防安全手抄报知识 美德少年手抄报资料 手抄报模板设计 有关交通安全的手抄报