我项问一下webstrom中怎么设置自动编译啊?

qq_cg4knbrp React 概述 最后由 极客学院_吕布 于2017年01月03日回复

  • 1 解决
  • 2.6k 浏览

我的文件是这样的:

1eqo8lq0sxi21.png

 

然后我在webstorm中引入这个文件,我想问一下这里怎么配置可以自动编译,填写的这些项都是什么意思啊?1069802-20161229103457945-1671065170.png

我这样设置之后编译的结果是这样的,我不知道怎么改

1069802-20161229104416101-1883177265.png

但我在终端是可以这样编译成功的:

2kwlcgr7ug84s.png

  • 极客学院_吕布 2017年01月03日 回答 #1楼
  • 需要设置一下

    以前webstorm编译ts会有问题,刚试了一下最新版的webstorm9可以自动编译ts。按ctrl+s保存文件的时候,就能同时编译成js文件,很方便。

    按照下面的步骤做就可以了。1. mac系统下在Preferences里搜索File Watchers。windows是在File-settings里。

    2. 点击File Watchers左下方画红框的+号。windows是在右侧

    000545l47n4fzl7zet5lfh.png 

    3. 选择TypeScript

    233802wh2lzrttvdtvdzhh.png 

    4.会弹出一个设置面板

    按照下面图片里的设置勾选和填写内容

    Arguments 那一行填写下面的内容

    $FileName$ --outDir $ProjectFileDir$/bin-debug/$FileDirRelativeToProjectRoot$

    program那行是tsc编译器的路径,安装过typescript以后应该默认是填好的。

    win默认是C:UsersusernameAppDataRoamingnpmtsc.cmd

    5.点击画红框的Output Filters 

    000357bniizqis6ijfd7zs.png 

    6.在弹出面板中点解画红框的笔

    234349segvw0m4l48qg8cl.png 

    7.按照这个设置填写

    然后一直点击ok,关闭设置

    234443qs8vjgcj766v6a09.png 

    关闭了设置页面, 把这个对勾选上,就搞定了。

    234537v9zke1excaci1kcy.png 

    顶0

  • 0 评论