Skip to content

Configure WebStorm Development Environment

Wander Wang edited this page Jul 28, 2014 · 10 revisions

前期准备

  1. 准备 WebStorm 开发环境
  2. 安装 egret
  3. 执行 egret create HelloEgret ,创建一个名为 HelloEgret 的项目

文本目前为草稿,只支持 MacOS WebStorm 8.0 环境,欢迎使用其他操作系统的开发者在开发者论坛中提出改进意见

配置自动编译环境

  1. 打开 WebStorm , 选择 Open Dictionary , 选择 HelloEgret 文件夹,打开该项目
  2. 打开 菜单栏中的 WebStorm -> Preferences ,在左侧菜单搜索输入框中输入 File Watchers,类型选择 custom
  3. 在右侧出现的 FileWatchers 面板中点击 + 号,添加一个 FileWatcher
  4. 在弹出的 New Watcher 面板中进行以下设置
Name: Egret // 或者任意名称
FileType: TypeScript files
Program: {egret_global_path} // 这里的文件名指的是 ``` egret ``` 命令的绝对路径
Arguments: build
Working directory: $ProjectFileDir$   // 此名称可以复制粘贴,也可以通过 insert macro 按钮来添加
  1. 当上述命令完成后,只要修改 TypeScript 文件,就会自动运行 egret build 命令,实现自动编译