您的位置:首页技术文章

webstorm运行项目的方法

【字号: 日期:2023-10-15 13:26:54浏览:105作者:馨心
导读:webstorm是一款非常好用的编程软件,该软件不仅是一款前端开发工具,也是一款功能强大的编辑器,可以创建三大框架项目,还能够选择合适的语言、项目管理工具等,用户使用该软件,不仅可以格式化和自定义代码,还能够对代码进行检查和快速修复操作。这款软件专业性很强,所以很多的小伙伴在使用这款软件的时候,不知...

webstorm是一款非常好用的编程软件,该软件不仅是一款前端开发工具,也是一款功能强大的编辑器,可以创建三大框架项目,还能够选择合适的语言、项目管理工具等,用户使用该软件,不仅可以格式化和自定义代码,还能够对代码进行检查和快速修复操作。这款软件专业性很强,所以很多的小伙伴在使用这款软件的时候,不知道怎么运行项目或者文件。其实这款软件运行项目或文件的方法很多,那么接下来小编就给大家详细介绍一下webstorm运行项目的具体操作方法,有需要的朋友可以看一看。

webstorm运行项目的方法

方法步骤

1.首先介绍在文本页面运行项目的方法;在一个nodejs文件的编辑页面,我们右击鼠标会出现一个下拉框,在下拉框中有如下图红色方框圈起来的两个按钮,分别表示运行按钮和调试按钮的意思,我们根据自己的需要点击这两个按钮就可以运行或调试项目。

webstorm运行项目的方法

2.接着介绍在文件列表运行项目的方法:在文件列表中选中一个文件并右击,会出现一个下拉框,我们在下拉框中同样可以看到运行按钮和调试按钮。

webstorm运行项目的方法

3.然后介绍菜单栏运行项目的方法;如果我们创建了一个node/express项目,软件界面的右上角就会出现一个运行配置。

webstorm运行项目的方法

4.在界面右上角有一个下拉框,我们点击下拉框,可以根据自己的需要在下拉框中修改运行配置。

webstorm运行项目的方法

5.例如下图所示,我们可以在界面中查看到运行入口文件是“www”这个文件。

webstorm运行项目的方法

6.运行之后,我们可以在界面下方的控制台查看到运行输出的详细信息,如下图所示。

webstorm运行项目的方法

7.最后可以在文件的某一行行号旁边点击设置断点处会暂停运行,鼠标悬浮在一个变量上,可以看到它的具体信息,按f8执行下一步,按f9执行完所有代码。

webstorm运行项目的方法

以上就是小编给大家整理的webstorm运行项目的具体操作方法,方法简单易懂,有需要的朋友可以看一看,希望这篇教程对大家有所帮助。

相关文章: