文档章节

WebStorm 8.0.3下简单运行pomelo项目

乐搏学院
 乐搏学院
发布于 2017/02/10 11:37
字数 739
阅读 193
收藏 0

关于WebStorm

        据说WebStorm是JavaScript脚本调试中的大哥大,无论对于客户端脚本还是对于服务器端脚本都没有问题,特别是它对基于Node.js的脚本调试提供了完美支持,所以,我毫不犹豫地选择了它。还好,你可以很容易地下载到你想要的版本,目前8.0.3比较好找。安装简单(如上一篇文章所述,我的安装环境为32位WIN7),自不必赘述。

 

导入服务器项目到WebStrom

        如我上一篇中所述,使用命令pomelo init HelloWorld(细节见上一篇)可以轻松地创建一个基本的服务器端框架工程。下面描述的就是把HelloWorld工程导入到WebStorm中。

 

        使用命令“文件”-“打开”,如下图所示。

 

wKiom1Tp7JXzLsAHAAFitiVGUZk763.jpg

 

 

        然后,出现如下对话框:

wKioL1Tp7gLDYW3fAAFQeb9E4XE602.jpg

        选择上图中的HelloWorld文件夹后,点击按钮OK即可。

 

        之后,系统自动打开上述项目,如下图所示。

wKiom1Tp7YWQvnrOAAJflJ7cZFc189.jpg

 

        下面我们要进入服务器配置页面,以便WebStorm能够识别我们要运行的各个进程程序及可能的参数。

        点击菜单“Run”-“Edit Configurations...”,打开Run/Debug configuration界面。点击左上方的+添加一个新的配置,从提示的下拉框中选择"Node.js",命名此配置为gameServer,并配置如下图所示内容:

wKioL1Tp7_rRjunRAAIwhMbu5H4344.jpg

 

        同理,再在Node.js下添加另一个命名为webServer的配置,内容如下图所示:

wKioL1Tp8GWD0bfNAAIRLTlrspE013.jpg

        上面的配置非常简单,没有什么细节可注意的(都是先浏览定位到相应的文件夹,然后在Javascript file一行中再浏览选择相应的app.js文件即可)。

        最后,点击OK退出对话框。

 

运行项目

 

        根据前一篇文章所述,我们先后运行gameserver和webserver,在webstorm IDE中运行也是一样。如下图所示:

wKiom1Tp8LTwhDgiAAJorZ9QPZo401.jpg

        从上图红箭头所示的工具栏下拉列表下选择gameServer,然后点击紧邻的右边的绿色小箭头,即可运行项目的游戏服务器进程。此时你会注意到Webstorm下部的命令行框中会运行一些内容,如我们前一篇文章中命令行下输出内容完全一致,如下图所示。

wKiom1Tp8ZDB31FlAAMZaiYR9Hc513.jpg

 

        以同样方式,再选择启动webserver,你会同样观察到类似于前一篇文章中看到的输出内容于下部的webServer选择卡中。

        

        接下来,你启动你的浏览器,输入URL:http://127.0.0.1:3001/index.html并回车,你会观察到如前所述的简单界面,提示你一切入门顺利。

 

参考资源

http://blog.csdn.net/wangqiuyun/article/details/9794711

https://github.com/NetEase/pomelo/wiki/使用-WebStorm-IDE-调试-Pomelo-应用程序

 

 

登录乐搏学院官网http://www.learnbo.com/

或关注我们的官方微博微信,还有更多惊喜哦~

 

本文出自 “青峰” 博客,请务必保留此出处http://zhuxianzhong.blog.51cto.com/157061/1614987

© 著作权归作者所有

乐搏学院
粉丝 9
博文 526
码字总数 707467
作品 0
丰台
程序员
私信 提问
WebStorm 9 支持 Meteor

WebStorm 9 EAP 相关特性: WebStorm EAP is open! Live Edit updates in WebStorm 9 – What’s new? Tracing, debugging and profiling Node.js with spy-js JavaScript Postfix Completi......

oschina
2014/09/10
5.4K
7
WebStorm 9正式发布——优越而简单

WebStorm 9带了更多引人注目的新特性。包括支持目前最热门、最强大的开发框架及应用库。并在WebStorm 9集成新的工具和改进性能。这次WebStorm 9正式发布,集合之前测试版的信息,整体给开发者...

kouxunli1
2014/10/31
2.2K
0
如何在终端快速的用Webstorm编辑器打开工作文件

如何从终端直接打开webstorm 先在Webstorm编辑器中配置终端命令行的打开命令。. 设置完成后在终端输入命令,可以看到在文件夹下面有. 此时只需要先切换到你想要打开项目的路径下,然后输入,...

zj19931225
04/24
0
0
请问网易在开发Pomelo项目时使用的是什么IDE?

@谢骋超 你好,想跟你请教个问题: 请问网易在开发Pomelo项目时使用的是什么IDE? 是WebStorm吗?

meyer
2014/03/14
4.1K
7
使用WebStorm进行javascript调试

曾经的选择是使用火狐浏览器的Firebug插件,具体的用法到时候在细说,这篇文章登场的是开发静态网页及javascript的利器--webstorm. 一.相关软件安装和配置   安装WebStorm   WebStorm官网...

java~nick
2017/07/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Spring使用ThreadPoolTaskExecutor自定义线程池及实现异步调用

多线程一直是工作或面试过程中的高频知识点,今天给大家分享一下使用 ThreadPoolTaskExecutor 来自定义线程池和实现异步调用多线程。 一、ThreadPoolTaskExecutor 本文采用 Executors 的工厂...

CREATE_17
今天
5
0
CSS盒子模型

CSS盒子模型 组成: content --> padding --> border --> margin 像现实生活中的快递: 物品 --> 填充物 --> 包装盒 --> 盒子与盒子之间的间距 content :width、height组成的 内容区域 padd......

studywin
今天
7
0
修复Win10下开始菜单、设置等系统软件无法打开的问题

因为各种各样的原因导致系统文件丢失、损坏、被修改,而造成win10的开始菜单、设置等系统软件无法打开的情况,可以尝试如下方法解决 此方法只在部分情况下有效,但值得一试 用Windows键+R打开...

locbytes
昨天
8
0
jquery 添加和删除节点

本文转载于:专业的前端网站➺jquery 添加和删除节点 // 增加一个三和一节点function addPanel() { // var newPanel = $('.my-panel').clone(true) var newPanel = $(".triple-panel-con......

前端老手
昨天
8
0
一、Django基础

一、web框架分类和wsgiref模块使用介绍 web框架的本质 socket服务端 与 浏览器的通信 socket服务端功能划分: 负责与浏览器收发消息(socket通信) --> wsgiref/uWsgi/gunicorn... 根据用户访问...

ZeroBit
昨天
10
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部