怎么安装atom angularjs插件件 装不了啊 这这怎么玩

html(11)
java(36)
本文介绍如何安装和配置 AngularJS Eclipse。AngularJS Eclipse 插件是基于强大的 JavaScript 推断引擎(javascript inference engine),
它由 JavaScript 编写。若在 java 环境下使用该引擎,需要使用&。它用&执行
tern.js。这就是为什么你在下面将看到的必须安装&&或是 Eclipse 内置的&。
如果不单独安装 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。如果你没有单独安装&&在你的机器上,那么执行 tern.js 必需一个 Node.js。Tern IDE。用于 Eclipse IDE 使用 tern。Tern - Tooling。生成 tern 插件、JSON Type 定义或 Web Browser editor(CodeMirror, Ace, Orion)的工具。更多信息,参见&
AngularJS 配置
使用 AngularJS Eclipse 功能(&和&)前,你必须把你的项目转换成 AngularJS 项目:
偏好设置(Preferences Settings)
下面说明如何配置 tern 和 angular。
全局偏好(Global Preferences)
在 Eclipse 的&Window/Preferences&对话框中设置。
AngularJS Eclipse 基于 javascript 推断引擎——。若想使用它,需要用&(Rhino
有点慢)。配置&&如下所示:
若你已经单独安装的&,需要选择&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 模块是一个&&或&。勾选“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):
更多信息,请参考&
自定义 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 管理的,如果不能正常工作,请参考&&小节。
如果 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 控制台的信息,请参考&。
Angular 浏览器
Angular 浏览器视图可以显示 Angular 元素,比如你 AngularJS 应用程序的模块和控制器。若想打开它,点击 Eclipse 的&&Window/Show View,并选择&Angular Explorer&:
之后,你可以看到你的模块、控制器等等:
更多信息,请参考&。
打开 Angular 元素
当你要编辑 JavaScript 或是 HTML 文件时,可以用 Angular 元素对话框检索和打开 angular 元素,位于 Eclipse 的&Navigate/Open Angular Element,像 module、controller、directives 等,或直接按快捷键&Ctrl+Shift+Z:
&&相关文章推荐
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
访问:5698次
排名:千里之外
原创:54篇
(6)(37)(10)(1)
(window.slotbydup = window.slotbydup || []).push({
id: '4740887',
container: s,
size: '250,250',
display: 'inlay-fix'sublime安装AngularJS插件 - CSDN博客
sublime安装AngularJS插件
sublime能够支持AngularJS开发那绝对是一件很爽的事情。下面我一步步讲解如何为sublime安装AngularJS插件。
1、添加控制包站点
根据你安装sublime 版本不同,在控制台写入不同的代码 : &
控制台打开方法:View & Show Console 或者 快捷键 ctrl+` &
Sublime Text 3:
&pre name=&code& class=&javascript&&import urllib.request,os,
h = 'e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0'; pf = 'Package Control.sublime-package';
ipp = sublime.installed_packages_path();
urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) );
by = urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read();
dh = hashlib.sha256(by).hexdigest();
print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
Sublime Text 2: &
&pre name=&code& class=&html&&import urllib2,os,
h = 'e96f11eeadd761d777e62404' + 'e330c659d4bb41d3bdf022e94cab3cd0';
pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path();
os.makedirs( ipp ) if not os.path.exists(ipp) else N
urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) );
by = urllib2.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ', '%20')).read();
dh = hashlib.sha256(by).hexdigest();
open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else N
print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
2、快捷键 ctrl+shift+p (Windows) or cmd+shift+p (OS X) 打开命令行并选择安装包
选择安装AngularJS包: &&
如果你安装的是sublime2 & 还需要参考这里: &&&&&
测试下安装是否成功了& &&
本文已收录于以下专栏:
相关文章推荐
sublime能够支持AngularJS开发那绝对是一件很爽的事情。下面我一步步讲解如何为sublime安装AngularJS插件。
1、添加控制包站点
根据你安装sublime 版本不同,在控制台写...
Sublime Text 3是目前笔者用过的最好用的代码编辑器之一,界面如下图所示:
我们可以用该编辑器开发AngularJS应用,首先需要安装AngularJS提示插件。需要以下几步:
原贴地址 /jxldjsn/p/6034158.html
四年的时间,一直使用EmEditor编辑器进行Python开发,之前是做面向过程...
Mac 中的sublime text3 如何安装插件相信大家在Windows系统中试用sublime text 的体验非常不错,我也是在Windows系统中使用了两年的时间,才转战Mac系统的,但是说...
他的最新文章
讲师:钟钦成
讲师:宋宝华
您举报文章:
举报原因:
原文地址:
原因补充:
(最多只允许输入30个字)装不上插件怎么办?
两种方法都试过了[root@localhost Desktop]# yum -y install libpcap-devel-1.0.0-6mdv6.rpm Loaded plugins: rhnplugin, securityThis system is not registered with RHN.RHN support will be disabled.Setting up Install ProcessExamining libpcap-devel-1.0.0-6mdv6.rpm: libpcap-devel-1.0.0-6mdv6Marking libpcap-devel-1.0.0-6mdv6.rpm to be installedResolving Dependencies--& Running transaction check---& Package libpcap-devel.i586 0:1.0.0-6mdv2009.1 set to be updated--& Processing Dependency: libpcap1 = 1.0.0-6mdv2009.1 for package: libpcap-devel--& Finished Dependency Resolutionlibpcap-devel-1.0.0-6mdv6 from /libpcap-devel-1.0.0-6mdv6 has depsolving problems
--& Missing Dependency: libpcap1 = 1.0.0-6mdv2009.1 is needed by package libpcap-devel-1.0.0-6mdv6 (/libpcap-devel-1.0.0-6mdv6)Error: Missing Dependency: libpcap1 = 1.0.0-6mdv2009.1 is needed by package libpcap-devel-1.0.0-6mdv6 (/libpcap-devel-1.0.0-6mdv6) You could try using --skip-broken to work around the problem You could try running: package-cleanup --problems
package-cleanup --dupes
rpm -Va --nofiles --nodigestThe program package-cleanup is found in the yum-utils package.-----------------------------------------------------------------------------------[root@localhost Desktop]# rpm -ivh libpcap-devel-1.7.4-2.fc24.x86_64.rpm warning: libpcap-devel-1.7.4-2.fc24.x86_64.rpm: Header V3 RSA/SHA256 signature: NOKEY, key ID fdb19c98error: Failed dependencies:
libpcap = 14:1.7.4-2.fc24 is needed by libpcap-devel-1.7.4-2.fc24.x86_64
libpcap.so.1()(64bit) is needed by libpcap-devel-1.7.4-2.fc24.x86_64
rpmlib(FileDigests) &= 4.6.0-1 is needed by libpcap-devel-1.7.4-2.fc24.x86_64
rpmlib(PayloadIsXz) &= 5.2-1 is needed by libpcap-devel-1.7.4-2.fc24.x86_64
写下你的评论...
Copyright (C)
All Rights Reserved | 京ICP备 号-2}

我要回帖

更多关于 idea angularjs 插件 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信