Spket是一个可以在Eclipse及MyEclipse中实现JavaScript代码自动提示、自动校验、自动纠错的插件。
下载地址 :http://download.csdn.net/detail/wudalang_gd/9735303
将下载到的spket.rar解压至您的myeclipse根目录。
例如:
myeclipse安装在 C:\software\myeclipse,我们将该目录表示为${myeclipse},那么,解压后的文件目录应该是${myeclipse}/dropins及${myeclipse}/myPlugin,如下图所示:
请用文本编辑器打开第3步中解压出来的${myeclipse}/dropins目录下的spket.link文件,将其中的path路径改为第3步中解压出来的${myeclipse}/myPlugin/spket目录,spket.link文件中的内容为 path=C:\software\myeclipse\myPlugin\spket,路径如下图:
注意:请根据你本地机器上的MyEclipse安装目录修改path路径
打开MyEclipse,并点击Window-->Preferences,在左侧列表中找出Spket-->JavaScript Profiles,如下图所示:
如果找不到的话,说明插件未成功安装,请检查安装步骤是否有误。
点击右上角New...按钮,添加一个参考文件,可以将其取名为yjf:
随后会在右侧列表中出现刚刚新增的yjf参考文件,选中它,并点击右侧Add Library,如图:
选择common:
添加好Library后,为其添加一个关联文件:
为其选择C:\web\YJF-api.js,如图所示:
添加好参考文件后,将其设置为默认,
设置为默认后,该参考文件的名字会变成加粗状态:
设置好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
格式化前
格式化后
喜欢本文可以收藏,或者点个关注,每天都有新鲜技术分享
*请认真填写需求信息,我们会在24小时内与您取得联系。