eclipse html5插件 的安装实现语法提示,自动补全功能

HTML5 herman 4045浏览 0评论
公告:“业余草”微信公众号提供免费CSDN下载服务(只下Java资源),关注业余草微信公众号,添加作者微信:xttblog,发送下载链接帮助你免费下载!
本博客日IP超过1800,PV 2600 左右,急需赞助商。
极客时间所有课程通过我的二维码购买后返现24元微信红包,请加博主新的微信号:xttblog,之前的微信号好友位已满,备注:返现
所有面试题(java、前端、数据库、springboot等)一网打尽,请关注文末小程序
视频教程免费领

HTML5 的开发工具有很多,比如我以前使用的是 Notepad++。但是做 java 开发后。经常需要切换软件,不太方便。因此能不能让我们使用 Eclipse 开发工具集成 HTML5插件呢?答案显然是可以的。

eclipse html5插件 在线安装

我们打开 Eclipse。点击Help->Install New Software->Add输入如下内容:

Name: "Aptana", 
Location: http://download.aptana.com/studio3/plugin/install

截图如下:

Eclipse HTML5插件 安装

点击OK后,我们选择Select ALL,点击Next。如下图:

Eclipse 集成 HTML5插件

接下来的步骤和《Eclipse安装Activiti插件教程》一样,我就省略了。

给 Aptana 添加 jQuery

依次点击Help->Install Aptana Plugin->JavaScript libraried ->Jquery。最后一直点next直到完成。安装步骤:Commands->Bundle Development->Install Bundle->选中jQuery->OK。

设置 Aptana

Window->preferences ->Aptana_>editors_javascript->code assist->选择jquery等。最后点击完成。

使用Aptana的编辑器打开js和html文件eclipse-jee中有自己的默认html和js编辑器,必须用Aptana的编辑器打开才会出现JavaScript提示,右击文件选择Open With->Other…,选择下图中红框中的编辑器:

JavaScript Source Editor

Eclipse HTML Editor

调整编辑器背景色

Aptana的编辑器背景是黑色的,看得很不舒服,换一个主题就行了,具体位置如下:
Window->Preferences->Aptana Studio->Theme

业余草公众号

最后,欢迎关注我的个人微信公众号:业余草(yyucao)!可加QQ1群:135430763(2000人群已满),QQ2群:454796847(已满),QQ3群:187424846(已满)。QQ群进群密码:xttblog,想加微信群的朋友,之前的微信号好友已满,请加博主新的微信号:xttblog,备注:“xttblog”,添加博主微信拉你进群。备注错误不会同意好友申请。再次感谢您的关注!后续有精彩内容会第一时间发给您!原创文章投稿请发送至532009913@qq.com邮箱。商务合作可添加助理微信进行沟通!

本文原文出处:业余草: » eclipse html5插件 的安装实现语法提示,自动补全功能