本人的版本是2017.2.4

首先是安装并破解webstorm.这里不做介绍,搜度娘一大堆.


步骤

一 , 配置测试浏览器:

    ①:Run -> Edit Configurations... 如下图所示:

wKioL1nbCj6wYclwAAA-0V1oK7c174.png-wh_50

   ②:打开<Run/Debug Configurations>面板,在面板中添加一个浏览器的配置:

下图添加的是Chrome host : localhost Port:9222

wKiom1nbC0LSW2sXAACA1mV_SIY924.png-wh_50


二 ,让Webstorm开启代码提示

  ①:File->Setting...

wKiom1nbDELgQQVfAAAxwZQTeiw776.png-wh_50

   ②:在<settings>面板中做如下操作:

wKioL1nbDKqBxLYPAACnPXYKEi4601.png-wh_50


三,让WebStorm自动编译Egret代码

    ①:File->Setting...

    ②:在Setting面板中找到 FileWatchers , 如下:

wKioL1nbDZeQWCEkAABsJcDg0Lk453.png-wh_50

    ③:添加编辑配置

wKiom1nbDoWAJK2WAAAohF0wE9U261.png-wh_50

    ④:添加配置:

wKioL1nbDynSeDgMAAEUxCauMJY926.png-wh_50

给个中文版本的:

f83fe57c0a93b900734f1120d82f5780.png-wh_

四,为Chrome添加插件让WebStorm支持Egret debug

    ①:打开Chrome的扩展程序窗口  更多工具->扩展程序

    ②:安装JetBrains IDE Support Chrome插件( 直接拖动到扩展程序界面 )

我的是 : 2.0.9版本的

wKioL1nbEfGheD_LAABDjtDzCeM572.png-wh_50


五,打开WebStorm调试工具栏

    ①:View -> Toolbar

wKiom1nbErahIPozAABGi6NyZCw411.png-wh_50

好了 , 调试Tool显示出来了 , 如:

wKiom1nbExehg9Q2AAB3bORLuW4378.png-wh_50