整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

代码提示插件-Spket

代码提示插件-Spket

.插件介绍:

Spket是一个可以在Eclipse及MyEclipse中实现JavaScript代码自动提示、自动校验、自动纠错的插件。

2.下载:

下载地址 :http://download.csdn.net/detail/wudalang_gd/9735303

3.解压:

将下载到的spket.rar解压至您的myeclipse根目录。

例如:

myeclipse安装在 C:\software\myeclipse,我们将该目录表示为${myeclipse},那么,解压后的文件目录应该是${myeclipse}/dropins及${myeclipse}/myPlugin,如下图所示:

4.使用link方式安装插件:

请用文本编辑器打开第3步中解压出来的${myeclipse}/dropins目录下的spket.link文件,将其中的path路径改为第3步中解压出来的${myeclipse}/myPlugin/spket目录,spket.link文件中的内容为 path=C:\software\myeclipse\myPlugin\spket,路径如下图:

注意:请根据你本地机器上的MyEclipse安装目录修改path路径

5.配置代码自动提示参考文件:

打开MyEclipse,并点击Window-->Preferences,在左侧列表中找出Spket-->JavaScript Profiles,如下图所示:

如果找不到的话,说明插件未成功安装,请检查安装步骤是否有误。

点击右上角New...按钮,添加一个参考文件,可以将其取名为yjf:

随后会在右侧列表中出现刚刚新增的yjf参考文件,选中它,并点击右侧Add Library,如图:

选择common:

添加好Library后,为其添加一个关联文件:

为其选择C:\web\YJF-api.js,如图所示:

添加好参考文件后,将其设置为默认,

设置为默认后,该参考文件的名字会变成加粗状态:

6.检查自动提示是否起效:

设置好yjf API参考文件后,请重启myeclipse。并且一旦yjf API文档有更新后,必须重启myeclipse才能使最新的代码提示生效。

重启完毕后,项目中的所有js文件的图标应该显示为这样的图标:

打开后,可以看到yjf的代码提示已经出现:

温馨提示:spket是个振奋人心的工具,大大提升了JavaScript开发效率,比如对于要做或正在做ext的程序员来说,我们再也不会为开发ext没有好工具而忧愁!前端开发的同学们,还在等什么呢!

eclipse切换到idea,感觉提示速度和支持的插件都远超eclipse,eclipse经常出现插件安装不上的尴尬和无奈。不过Eclipse的界面风格和编辑器的字体颜色,包括Java的字体配置,xml字体配置,html的字体配置,都是我非常喜欢的,这点比idea用起来舒服。于是自己按照eclipse的字体风格来配置了idea的代码编辑风格。

idea的暗黑系列风格,我有点hold不住,感觉不是我要的风格。我比较喜欢小清新风格如下。

idea

下面是xml的代码风格和字体配色

idea配置的xml代码颜色

下面是Java的代码风格和字体的配色


java的代码配色

html的代码风格和字体配色


html的代码和字体配色

整个idea的代码的配色,是在settings里 Editor->Color Schema 进行代码颜色的配置。配置好代码的配色后,可以点击File->Export Settings,将Idea的设置进行导出。也可以将其他风格的idea的设置导入到自己的Idea里。

自从使用了这种让人舒服的配色方案后,感觉思路更加清晰了,效率也提升了不少,代码怎么看都比较舒服。当然写出像翔一样的代码,必须去重构。

pycharm,webstorm这些idea系列都可以使用这种方式调整字体。

有需要的可以私信我一下,后续更新到gitee上。

clipse格式化Java、JavaScript、JSP、HTML代码设置

eclipse Oxygen.2

修改步骤

打开:Window->Preferences

  • Java 格式化

Java->Code Style->Formatter->New->Edit->Line Wrapping

Maximum Line width=180

Set line width for preview window=180

  • JavaScript 格式化

JavaScript->Code Style->Formatter->New->Edit->Line Wrapping

Maximum Line width=180

Set line width for preview window=180

Tab标签页->Comments

Maximum line width for comments=180

  • JSP|HTML页面 格式化

Web->HTML Files->Editor

Line width=180

Inline Elements 选中所有-> Remove

格式化前效果

格式化前

格式化后

格式化后

喜欢本文可以收藏,或者点个关注,每天都有新鲜技术分享