为什么 AngularJS 指令(属性等)在 WebStorm 8 中显示为"invalid"?



我几个小时前刚刚安装了WebStorm 8。我一直在写一些AngularJS的东西,我有一个相当烦人的小问题。AngularJS插件似乎部分起作用,每当我键入ng-时,我都会得到一个intellisense弹出窗口,显示所有各种ng-*属性。然而,这就是事情停止运转的地方。我似乎没有在.js文件或.html文件中获得更高级的intellisense功能。如果我在app.js中创建了一个名为"app"的角度模块,那么当我在HTML文件中键入ng-app=时,"app"不会显示。此外,在编辑html文件时,WebStorm会将所有ng-*属性突出显示为无效的html。angularjs的其他功能似乎也不起作用。例如,我在绑定中没有任何智能感知。

我在SO上发现了一些主题,表明我可能需要在项目设置中添加AngularJS作为JavaScript库。。。然而,关于如何正确地做到这一点,没有任何指示。SO上的主题非常简短,链接到WebStorm文档,该文档非常一般,没有任何细节。究竟是如何在WebStorm中将AngularJS设置为JS库的?这真的有必要吗?

我应该注意的是,AngularJS确实作为插件出现在WebStorm的设置中,并且它是经过检查的。我基本上只有ng-*属性intellisense,但我没有得到其他AngularJS增强的支持,这些支持本应与WebStorm 8一起提供。我已经完全安装和卸载了webstorm好几次了。不太确定从这里去哪里。。。

要将Angular JS添加为项目库,请转到

Preferences > Project Settings > JavaScript > Libraries > Add

然后选择Angular目录进行添加。

我使用的是Mac电脑,但窗口应该大致相似。

你也可以做

ctrl/cmd + shift + a

(去任何地方)并键入库以到达同一个地方。

注意:我在我的主html文件中通过https://ajax.googleapis.com/ajax/libs/angularjs/1.0.8/angular.min.js它在不将其添加为库的情况下工作。

编辑:

来自Webstorm博客:如果您更喜欢使用CDN,请将光标放在突出显示的库名称上,按Alt+Enter,然后下载库。这将在WebStorm的缓存中(而不是在您的项目中)建立一个本地库,以便WebStorm可以访问AngularJS方法、指令等进行自动完成和文档查找。

还要确保您有jebrains AngularJS插件

您是否在HTML中从CDN重新定义AngularJS?如果是这样,只需下载angular并在HTML中引用本地副本。然后角度特征应该开始工作。或者,我认为你可以在html中点击角CDN的路径,按Alt+Enter并选择下载库之类的东西。

为了在IntelliJ中解决这个问题,我下载了angular库。

这些是步骤。

要为您使用的库或框架添加TypeScript定义文件,请转到首选项|语言&Frameworks|JavaScript|Libraries–单击"下载"并键入所需的库名称以搜索该库,然后再次单击"下载。

相关内容

  • 没有找到相关文章

最新更新