webstorm如何添加预览浏览器

  1：File>Setting>tools>web browsers如图所示：

2：可以看到webstrom原生的有默认的几个浏览器。如果安装了也可以直接在运行界面的右上角直接点击，或者按alt+f2出现选择框再点击。

3：在File>Setting>tools>web browsers这个界面可以看到在path路径这里点击左键出现如图，输入自己想要的浏览器的运行文件的路径就可以了。最后不要忘了点击OK结束设置。

webstorm在浏览器中预览HTML文件，是通过webstorm的静态服务器来运行的，地址一般为：localhost:xxxx/开头。因此浏览器报错找不到服务器的原因可能为：

localhost （默认127001：63342）及其端口被hosts限制——可能性不大（除非手动改过）可以检查下系统hosts文件；

webstorm 的静态服务器损坏（或者没有启动）；进webstorm的设置中看看设置是否正确：debugger

先说说SDK的开发步骤：

1、 安装python

2、 解压SDK，运行setuppy

3、 运行cmd，新建cocos2d-js项目：cocos new –l js project_name

4、 使用webStorm等IDE打开项目目录，新建的项目已经有现成HelloWorld例子

5、 了解一下mainjs的说明（关于projectjson），然后打开resourcejs和appjs阅读代码

6、 在appjs中正式开始自己的代码编写。当然，这里可以增加新的js文件，需要修改projectjson。

再说说js类库的开发步骤：

1、 类库

2、 新建HTML页面，引入相应类库

3、 在onload之后，编写cocos2d-js代码，从ccgamerun()开始。入口代码其实跟SDK开发方式的mainjs一样。这里更使用SDK方式，因为可以通过阅读源代码获取API的使用说明。

开始cocos2d-js开发前，需要洗洗脑，知道cocos2d-js的平面坐标情况。这跟HTML和canvas的布局都不一样。

1、WebStorm能做的事情PhpStorm都能做，而且后者还具备服务器端语言Php以及MySQL数据库,Apache服务器配置等服务器相关的功能

2、PhpStorm = WebStorm + PHP + DB/SQL

All the features of WebStorm are included into PhpStorm, and full-fledged support for PHP and Databases/SQL support are added on top

以上是从phpstorm官网原话 phpstorm包括webstorm所有功能加php和db。但是有些在webstorm里默认安装的plugin并没有安装在phpstorm里面 不过你完全可以自行安装 比如Meteor。相反webstorm无法安装phpstorm才能安装的php相关的plugin 比如Symfony

3、webstorm是专注于前端开发的，有丰富的前端框架和js库，phpstorm是偏向于服务器开发的，在纯前端的方面不如webstorm。

首先你所开的软件和程序太多了，所以根据8G容量运行内存不够用，目前解决办法就是增加一条8G内存上去组成双通道16G内存，也不清楚你CPU性能是否够，如果不够就需要换个CPU性能更好的，

有两种方式，一种是直接 Ctrl+F12 调出控制台，然后输入 electron 即可启动，前提是你的electron是全局安装的

其他调试的配置可以参考webstorm的官方，因为我感觉他这里一段比较模糊对windows用户来说，所以补充下