配置PhpStorm / WebStorm以支持ExtJS

时间:2013-09-17 13:17:51

标签: extjs webstorm

我知道PhpStorm / WebStorm已经内置了最新的ExtJs库。 在preference->javascript->libraries中,我已经安装了最新的ExtJs 4,它看起来像这样:

enter image description here

当我编码时,即使我没有通过

指定src,自动完成似乎也很好
<!DOCTYPE html>
<html>
<head>
    <title>hello</title>
</head>
<script type="text/javascript">
    Ext.onReady(function()
    {
        Ext.alert("hello","world");
    })
</script>
<body>

</body>
</html>

但是,当我使用浏览器(来自WebStorm调试)来查看效果时,浏览器说无法找到“Ext”。 所以我的问题是:

  1. 如果PhpStorm无法将“ExtJs”添加到“PATH”,那为什么它仍然内置了这些库?
  2. 在我的情况下,我是否必须在<script src="">文件中添加.html以指定要加载的extj?

2 个答案:

答案 0 :(得分:5)

是的,集成仅用于代码完成/分析目的。它不会对您的来源做任何事情,因此您必须自己包含所有需要的脚本标记。

也许有一个Ext项目模板可以为你搭建这个模板,但是我的PHPStorm版本没有附带......而且我怀疑它是否存在。

无论如何,在许多情况下,如果你想要项目脚手架自动化,你可能应该转向Sencha CMD ......据我所知,这还没有集成到这个IDE中。

答案 1 :(得分:1)

如果您打算使用Sencha CMD,我建议您关闭&#34;安全写入&#34;在PhpStorm(file>general->synchronization)中,因为否则会产生大量锁定文件,这些文件会生成大量错误消息并轻易导致CMD观察者崩溃。