怎么npm 安装angularjss插件 装不了啊 这这怎么玩

WebStorm安装angularJS插件问题
新下的WebStorm10.0.4软件自动内安装了angularJS插件,但是代码提示却没出现,网上也有说什么把angular.jar放在项目里的,试了都没用,不知道老师有没有好办法
新建项目没有angularJS这个选项吧
非常感谢!
写下你的评论...
你先下载到本地,这样更快
写下你的评论...
写下你的评论...
Copyright (C)
All Rights Reserved | 京ICP备 号-2华强北电脑网 - 中国专业IT门户网站,华强北在线提供华强北手机报价,华强北电脑报价,华强北经销商,华强北资讯
产品报价:|||||||||||||||
目前国产手机已经发展到了白热化的阶段,不少厂商的销售额都在下..
从去年开始,诺菲就开始了自己的长待机千元购计划,接二连三的推..
在12306抢票的网友应该都知道,在登陆和确认购票时会出现验..
17日|09日|15日|29日|29日|29日|29日|29日|29日|29日|29日|29日|28日|28日|28日|
本本导购专精领域
手机维修专精领域
数码导购专精领域
1&1999&52882&7993&24014&19995&7656&40467&22098&17999&251210
1&3400&35882&24003&29004&17305&31596&26007&28888&27729暂无报价10
1&99&692&693&694&1585&12996&1687&1608&989&27610
近日,HTC的一款手机HTC Desire 10被曝光出来,...
去年,微软发布了Surface Pro4,同时带来了Surf...
1&3148暂无报价2暂无报价3暂无报价4&53995&46006&108007&57508&32509&466010
1暂无报价&31992&80003&48004&61775&57996&75997&35208&35999&205010
1&8487&6502&33443&7104&70615&31756&83607&25808&11799&778610
近日,有消息表示,话说旗下的玩家国度ROG G752VS将成...
早前,佳能曝光了一种全新的技术专利,该专利于14年11月提交...
1&599&15992&4843&4594&4705&39716&6857&4458&4999&94010
1&2100&2702&4593&6994&4995&11936&3777&6748&3989&35310
1&1350&7192&18143&11214&13505&78006&9857&11208&15979&104010
NVIDIA GTX10系显卡毫无意外地吸引了众多游戏玩家,...
最新消息,虽然官方今日宣布,旗下的全新款游戏鼠标Rival ...
1&3799&37992&190403&100004&34885暂无报价6&368007&59008暂无报价9暂无报价10
1暂无报价&370002&76483&471004&214665&60346&1100007&282368&498149暂无报价10
1&39&832&1553&434&995&2456&557&468暂无报价9暂无报价10
今天小编从华强北商家处了解到,目前IBM BNT RackS...
我们都知道,随着网络的速度的提升,视频的质量也越来越高了,而...
1&355&14992&1253&2994&2795&4206&3657&23808暂无报价9暂无报价10
1&3180&15502&28503&57004&22005暂无报价6&248007&158008&63009&450010
1暂无报价&190002&61003暂无报价4&75005暂无报价6暂无报价7&220008暂无报价9暂无报价10
近日,宏发布了号称是世界上第一款的电竞4K激光投影仪,而早...
关于苹果要取消3.5mm耳机接口已经有不少消息了,可以说苹果...
123456789101112
123456789101112
123456789101112
||||||||||||||||
&3398&3581&3457&4660&3373&2971&3983&4350&2504&3598
&2799&1900&2477&6103&2891&5434&2945&4204&6370&3468
2015年已经过去,2016年的春节即将来临,随之而来的是华强北封路三年也进入了尾声,但就目前来看,华强北的改造工程并未完工,具体何时能真正完成,目前还不得而知。...
|||||||||||||||||||||||||||||||||||||如何安装和配置 AngularJS Eclipse_Javascript教程-织梦者
当前位置:&>&&>& > 如何安装和配置 AngularJS Eclipse
如何安装和配置 AngularJS Eclipse
本文将为关注织梦者的朋友提供的是的AngularJS Eclipse&&新手入门【翻译+整理】相关教程,具体实例代码请看下文:
本文介绍如何安装和配置 AngularJS Eclipse。AngularJS Eclipse 插件是基于强大的 JavaScript 推断引擎(javascript inference engine)Tern.js, 它由 JavaScript 编写。若在 java 环境下使用该引擎,需要使用 tern.java。它用 node.js 执行 tern.js。这就是为什么你在下面将看到的必须安装 node.js 或是 Eclipse 内置的 node.js。
如果不单独安装 node.js 或使用 Eclipse 内置的 node.js,那么在 HTML 编辑器里只有语法颜色(syntax coloring)和自动完成指令(completions directives)可用。
AngularJS Eclipse 推荐使用 Eclipse JEE 4.5 (Mars)版本,及以上。
当你使用 AngularJS Eclipse 更新站点安装时,你会看见如下图所示,当然,你也可以直接在 Eclipse的&market place&里输入&angularjs&:
你必须选择:
AngularJS Eclipse Tooling,AngularJS Eclipse 插件。
AngularJS support for JSP,如果你想使用带 AngularJS 的 JSP,需要安装这个。
Tern - 内置的 Node.js。如果你没有单独安装 node.js 在你的机器上,那么执行 tern.js 必需一个 Node.js。
Tern IDE。用于 Eclipse IDE 使用 tern。
Tern - Tooling。生成 tern 插件、JSON Type 定义或 Web Browser editor(CodeMirror, Ace, Orion)的工具。更多信息,参见 Tern Toolings
AngularJS 配置
使用 AngularJS Eclipse 功能(HTML features 和 JavaScript features)前,你必须把你的项目转换成 AngularJS 项目:
偏好设置(Preferences Settings)
下面说明如何配置 tern 和 angular。
全局偏好(Global Preferences)
在 Eclipse 的 Window/Preferences 对话框中设置。
AngularJS Eclipse 基于 javascript 推断引擎&&tern.js。若想使用它,需要用 node.js(Rhino 有点慢)。配置 node.js 如下所示:
若你已经单独安装的 node.js,需要选择 Native node 安装类型,以及 nodejs 在你机器上的安装路径:
当选择 native node 时,它会在默认文件夹搜索 node 可执行文件(例如:,对于 Widnows 操作系统,C:\Program Files\nodejs\node.exe),如果没有找到,会尝试在 PATH 环境变量中搜索。
注意:单独安装 node 后,使用 Angular JS Eclipse 前,最好重启电脑,这是为了让操作系统正确更新你的 PATH 环境变量。
若使用内置的 node,你必须根据你的操作系统正确选择内置的 node:
项目偏好(Project preferences)
接下来是设置&项目偏好&,右键选择你的项目,点击 Properties。
Tern Modules
Tern 模块是一个 Tern 插件 或 JSON 类型定义。勾选&angular 插件&,如下图所示:
angular 插件可以让你从你的 JavaScript 中检索 module、controllers、(custom) directives 等等,管理 completion hyperlink、hover、validation in HTML 和 JavaScript editor。让你模拟 angular 注入到你的 $scope、$http 等等。
You can select other tern module like jQuery for instance to benefit with jQuery completion inside JavaScript Editor.
Scripts 路径
当你使用 tern 用于 completion、validation、hover、hyperlink 时,必须加载你的 JavaScript,但只在第一次。因此,你必须配置脚本路径,把你 JavaScript 文件夹添加进去(这类似 Java build path):
更多信息,请参考 Tern Script Path
自定义 Directives 语法
在 HTML 编辑器里,用 ng-* 语法提供指令名字:
注意,自动提醒,文档中写的快捷键是 ctrl+space,但在我的 Eclipse 里是,alt+/
Angular 支持很多语法,比如以 'x-'、'data-' 开头,使用':'、'-'、'_' 分隔。你也可以自定义。默认情况下,你会看到如下配置:
你可以选择其他开头和分隔的语法。在多行文本框,你会看到:
验证你的配置后,Eclipse 会显示该语法的指令名称:
如果你有右键选择你的页面,点击 &Validate& 菜单:
你会看到 AngularJS 指令有报警信息:
本例中,有两个报警信息,就是那两个叹号:
ng-app 是一个 Angular 指令
head 元素的& &a& 属性不存在
你可以禁用无法识别属性的报警信息,但是 AngularJS Eclipse 提供 &HTML Angular Syntax Validator&,它是 &HTML Syntax Validator& 的一个扩展,支持 Angular 指令。若想使用 Angular 验证器,必须启用它,并禁用&HTML Syntax Validator& :
如果重新验证,你会发现 AngularJS 指令报警信息没有了,但是无法识别属性报警还是有的:
Validation & JSP
如果你使用 JSP,必须禁用 JSP Content Validator,并启用 JSP Angular Content Validator。
自此,AngularJS Eclipse 配置完成,接下来检查是否一切正常(tern 是否正确配置)。
HTML 编辑器
用标准的 WTP HTML,JSP 编辑器,打开一个 HTML 文件。
试着在 ng-app 上自动打开你的模块:
JavaScript 编辑器
打开一个 JavaScript 编辑器,尝试自动打开 Angular 模块:
这些功能是由 tern 管理的,如果不能正常工作,请参考 Troubleshooting 小节。
如果 HTML 和 JavaScript 编辑器不能像上面那样自动提示,意味着 tern 没有配置好。用下面方式检查一下错误:
Error log 视图
Tern 控制台
Error log 视图
Tern 控制台
你可以通过 Eclipse 控制台,追踪 node.js 和 tern 的 request/response。
如下图所示,必须先激活你项目的 tern console:
注意,激活 tern 控制台的选项,在你的 Eclipse 上,可以为之不同。跟上图不太一样,不在 console 选项中,而是在 development 里。
然后,打开 tern 控制台:
如果你尝试使用 tern 服务,自动提醒,你会看到如下报错信息:
当一切没有后,你会看到 tern 服务的 JSON request/response of the tern server。如下所示:
更多关于 tern 控制台的信息,请参考 Tern Console。
Angular 浏览器视图可以显示 Angular 元素,比如你 AngularJS 应用程序的模块和控制器。若想打开它,点击 Eclipse 的& Window/Show View,并选择 Angular Explorer :
之后,你可以看到你的模块、控制器等等:
更多信息,请参考 Angular Explorer。
打开 Angular 元素
当你要编辑 JavaScript 或是 HTML 文件时,可以用 Angular 元素对话框检索和打开 angular 元素,位于 Eclipse 的 Navigate/Open Angular Element,像 module、controller、directives 等,或直接按快捷键 Ctrl+Shift+Z:
多多关注织梦者,我们将为您收集更多的jQuery相关文章.
这些内容可能对你也有帮助
无相关信息
更多可查看Javascript教程列表页。
猜您也会喜欢这些文章为什么 WebStorm 8 装 AngularJS 插件不成功?
webstorm8 装 angularjs 插件不成功。
按投票排序
webstorm8 内置就安装了angularjs的插件,不知道你说的安装不成功是什么意思?
Include angular.js in Your ProjectWhile the AngularJS plugin is now bundled with WebStorm* the AngularJS features don’t kick in until you’ve included the AngularJS scripts in your project.
//你自己翻译一下LocalHead over to , click the download buttons, then move the angular.jsscript into your project.
//你自己翻译一下官网你得引入才行! 我的版本9.0.1
是需要引入angularjs的。
已有帐号?
无法登录?
社交帐号登录

我要回帖

更多关于 angularjs安装教程 的文章

 

随机推荐