本人的版本是2017.2.4

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


步骤

一 , 配置测试浏览器:

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

Egret之WebStorm_第1张图片

   ②:打开面板,在面板中添加一个浏览器的配置:

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

Egret之WebStorm_第2张图片


二 ,让Webstorm开启代码提示

  ①:File->Setting...

Egret之WebStorm_第3张图片

   ②:在面板中做如下操作:

Egret之WebStorm_第4张图片


三,让WebStorm自动编译Egret代码

    ①:File->Setting...

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

Egret之WebStorm_第5张图片

    ③:添加编辑配置

Egret之WebStorm_第6张图片

    ④:添加配置:

Egret之WebStorm_第7张图片

给个中文版本的:

Egret之WebStorm_第8张图片

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

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

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

我的是 : 2.0.9版本的

Egret之WebStorm_第9张图片


五,打开WebStorm调试工具栏

    ①:View -> Toolbar

Egret之WebStorm_第10张图片

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

wKiom1nbExehg9Q2AAB3bORLuW4378.png-wh_50




2017 选择“license server” 输入:http://idea.imsxm.com/