开发者社区> ap0581w9c> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

Spket Eclipse插件使用教程

简介: 在开发EXT中,我分别使用了Aptana和Spket 一、Spket的安装1、Plugin:最低要求: eclipse平台运行时3.2.x ,文件为: spket-1.6.4.1.zip(与别的插件的安装无异,相信不用我多说了吧2、Spket IDE:最低要求:你需要java 1.
+关注继续查看

在开发EXT中,我分别使用了Aptana和Spket


一、Spket的安装

1、Plugin:
最低要求: eclipse平台运行时3.2.x ,
文件为: spket-1.6.4.1.zip(与别的插件的安装无异,相信不用我多说了吧
2、Spket IDE:
最低要求:你需要java 1.5或更高版本运行安装程序,可独立使用(不用装Eclipse
文件为:spket-1.6.4.1.jar
安装步骤:1、打开cmd,2、在spket-1.6.4.1.jar文件目录下输入java -jar spket-1.6.4.1.jar
3、回车(相信你已看到安装画面
3、Update Site
这是更新网站,为spket的ide 。
使用它,打开eclipse的updatemanager (在eclipse下的帮助菜单) ,并新增一个书签为:
http://www.spket.com/update

二. Spket的配置与使用

创建jQuery profile


  • 选择菜单项目中Window > Preferences...
  • 选择spket > javascript Profile页面
  • 点击new...按钮。在名称里面,写入jquery。然后单击确定。
  • 点击Add Library 按钮. 从Library下拉列表中, 选择jquery 。然后单击确定。
  • 点击Add File 按钮, 选择jquery.js 可从jquery.com下载(也可用附件里的)。
  • 选择jQuery profile 按照第3步, 点击Default 按钮把它预设为 default 项. The default profile 也可通过配置每个项目利用 Configure Project Specific Settings... 配置。
  • 点击OK保存preference。

创建EXT 2.0 profile ,用Spket进行Ext2.0开发

将以下代码放入文件ext.jsb的标记 </project>之前

<target name="Ext Base">
<include name="core\Ext.js" />
<include name="adapter\yui-bridge.js" />
<include name="yui\yahoo.js" />
<include name="yui\dom.js" />
<include name="yui\event.js" />
<include name="yui\connection.js" />
<include name="yui\animation.js" />
</target>
img_aaacf6e567748a12170bd513d3345f40.png


  1. 选择菜单项目中Window > Preferences...
  2. 选择spket > javascript Profile页面
  3. 点击new...按钮。在名称里面,写入EXT。然后单击确定。
  4. 点击Add Library 按钮. 从Library下拉列表中, 选择EXTJS 。然后单击确定。
  5. 点击Add File 按钮, 选择ext源码里的 ext\source\ext.jsb
  6. 点击OK保存preference。
img_484fbfab100490ea1032966b091e4364.png


接着,你就可以在js代码中自动提示代码
img_189f9f8f6812298ffb42f5906fa80657.png



Ext Theme Builder

在project目录下,新建一个文件,文件名为ext.theme,打开文件,指定ext的resource文件夹路径,就可以调整ext界面的颜色,效果等,生成自己的css文件



img_cb73be7c5ca09257db981091e0ec3a17.png


spket自定义脚本的引用申明及提示


1. 首先在当前js文件头部使用spket的包含语法引入包含的js:

/**
* @include "../js/custom.js"
*/
2.按 ctrl+click即可打开js申明,或ctrl+/ 自动完成提示

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
eclipse下载支持compiler compliance level 1.8的插件
eclipse下载支持compiler compliance level 1.8的插件
0 0
Eclipse中 Spring Tool 插件 Spring IDE-STS
Eclipse中 Spring Tool 插件 Spring IDE-STS
0 0
Eclipse 插件用法:Eclipse 利用 Amateras UML 生成 Java 类图、时序图和 UML 类图
Eclipse 插件用法:Eclipse 利用 Amateras UML 生成 Java 类图、时序图和 UML 类图
0 0
STS3|Eclipse离线(利用Jar包)安装SparkBuilderGenerator插件
STS3|Eclipse离线(利用Jar包)安装SparkBuilderGenerator插件
0 0
Eclipse 里一个 SAP Hybris Commerce 的开发插件
Eclipse 里一个 SAP Hybris Commerce 的开发插件
0 0
使用 Eclipse 可视化插件 windowbuilder 进行Java GUI开发(插件安装的两种方法)
使用 Eclipse 可视化插件 windowbuilder 进行Java GUI开发(插件安装的两种方法)
0 0
eclipse安装完对应的sts插件后按alt+/却不能提示属性值
eclipse安装完对应的sts插件后按alt+/却不能提示属性值
0 0
eclipse的配置、快捷键、项目导入导出、常见的插件或代码生成器工具
eclipse的配置、快捷键、项目导入导出、常见的插件或代码生成器工具
0 0
利用Eclipse自带的插件连接GIT的详解
利用Eclipse自带的插件连接GIT的详解
0 0
利用Eclipse自带的插件连接GIT的详解
利用Eclipse自带的插件连接GIT的详解
0 0
+关注
文章
问答
文章排行榜
最热
最新
相关电子书
更多
宏光S导航安装教程
立即下载
D2前端工程下一站 IDE ——上坡&吭头
立即下载
D2前端工程下一站 IDE
立即下载