1、安装WebStorm 6.0
(1)windows下就不用多说了,下载地址:http://www.jetbrains.com/webstorm/,下载一个安装程序一路next就OK,注意安装前先安装jdk
(2)在linux的话,安装前也需要安装JDK
- sudo apt-get install default-jdk
然后将webstorm解压,运行bin/webstorm.sh,命令行:sh bin/webstorm.sh,至此webstorm安装完成。
2、创建pomelo_demo
创建一个pomelo这样的一个文件夹,然后在cmd下切换到这个目录下,输入:
- pomelo init mypomelo
这时在pomelo目录下就会有一个mypomelo的工程目录,然后我们把cmd路径切换到mypomelo工程目录下,接着执行:
- npm-install.bat
完毕,其实我们就可以在game-server下pomelo start,web-server下node app运行了,但这里咱们要用WebStorm。
3、WebStorm打开运行pomelo项目
运行WebStorm,打开
选中mypomelo目录
等项目加载完后,点击这,进入服务器配置页面
点击左上角+号,追加一个配置
选择Node.js
配置gameServer
同上再追加一个webServer
保存完毕后,在WebStorm主页面上选中gameServer,点击右边的绿三角,就可以开始调试运行
同理,选中webServer,点击右边的绿三角,就可以开始调试运行。
最后关于调试 Pomelo 应用程序,咱们还是看网易Pomelo官网的吧:
https://github.com/NetEase/pomelo/wiki/使用-WebStorm-IDE-调试-Pomelo-应用程序
相关推荐
在项目根目录下运行`npm init`,然后按照提示填写项目信息,这将生成一个基础的`package.json`文件。 3. **手动安装依赖**:有时,WebStorm可能无法自动完成依赖的安装。这时,可以在命令行中切换到项目根目录,...
最后,为了维护良好的开发环境,建议定期清理项目缓存和索引,关闭不必要的后台运行程序,并升级到最新版本的WebStorm,这些措施都有助于提升IDE的性能表现。希望本文分享的解决WebStorm卡顿问题的两种方法能够帮助...
该项目是运行的简单Docker映像。 先决条件 工作的引擎 正常工作的安装 建造 键入docker-compose build生成镜像。 安装 Docker将自动将新构建的映像安装到缓存中。 技巧和窍门 启动图像 docker-compose up将启动映像...
3. **创建新项目**:在Webstorm中创建一个新的项目或打开现有项目。选择合适的项目类型,例如Java项目、JavaScript项目等,并设置好项目的基本配置。 ##### 三、克隆GitHub仓库至Webstorm 为了将GitHub上的仓库...
安装webstorm 首先安装webstorm,因为webstorm 集成了多种版本控制工具,基本的功能都可以使用,比如git。同时它也支持node.js调试,对于学生也有免费的优惠,稍后会讲如何申请。 webstorm官网 自己选择要安装的...
10. **项目管理**:WebStorm提供了项目管理功能,可以轻松处理多个项目,并且支持快速导入和导出项目。 11. **自定义配置**:WebStorm允许用户根据自己的开发习惯定制快捷键、主题、插件等设置,打造个性化的开发...
在使用WebStorm进行Vue项目开发时,可以通过配置快速编译运行,提升开发效率。下面将详细介绍如何在WebStorm中设置Vue项目的快速编译运行。 首先,要确保你的计算机已经安装了Node.js环境,因为Vue项目通常需要Node...
下面我们将详细讨论如何使用WebStorm和Vue CLI初始化一个新的Vue项目。 首先,确保你的开发环境已经准备好。这包括安装Node.js,因为Vue CLI和npm(Node包管理器)都是基于Node.js的。你可以从Node.js官方网站下载...
3. **替换汉化jar**:将下载的汉化jar文件复制到WebStorm的安装目录下的特定位置,通常是`plugins`目录下的某个子目录,如`idea.jar`或`resources_en.jar`。 4. **修改配置**:根据说明文件的指示,可能需要修改...
下边我们介绍下webstorm来开发微信小程序的一些配置: 1.首先FileType下Cascading Style Sheet 添加*.wxss (此图片来源于网络,如有侵权,请联系删除! ) 2.FileType下HTML 添加*.wxml (此图片来源于网络,如有...
2. 配置忽略文件:WebStorm支持配置忽略列表,开发者可以在项目根目录下创建或编辑一个名为“.ignore”的文件,在其中添加不想让IDE索引的文件或目录的规则。比如,可以添加一行“node_modules/”来让IDE忽略整个...
使用WebStorm进行练习时,可以学习如何设置项目结构、配置文件、运行和调试代码,以及如何利用其强大的代码导航和重构功能。 在"dice"项目中,可能涉及HTML用于构建用户界面,CSS用于样式设计,而JavaScript则是...
为了提高开发效率和代码质量,开发者需要掌握如何在WebStorm和VSCode中进行断点调试Vue项目。本文将详细阐述这两种主流IDE的Vue断点调试技术。 首先,我们来了解什么是断点调试。断点调试是一种强大的开发工具,它...
webstorm
HTML+JavaScript+CSS+WebStorm开发技巧
综上所述,APICloud开发工具的WebStorm插件是提升APICloud项目开发效率和质量的重要工具。它通过集成智能提示、代码格式化、实时预览、构建打包、版本控制和调试等功能,将WebStorm转变为一个专门为APICloud开发者量...
- **Alt+Shift+F10**:选择配置并运行项目。 - **Alt+Shift+F9**:选择配置并进行调试。 - **Shift+F10**:运行当前选中的配置。 - **Shift+F9**:调试当前选中的配置。 - **Ctrl+Shift+F10**:从编辑器上下文中运行...
汉化包的主要文件是"resources_zh_CN_*.jar",这些文件包含了中文语言的字符串和资源,将它们放置到WebStorm的安装目录下的"lib"子目录,而不是"bin"目录,是因为"lib"目录存储的是运行时所需的库文件,其中包括了...