围绕Ext JS 2.0的IDE、插件和工具 by Jack Slocum

简介: Ext 2.0的API包含许多的方法(函数)、属性和配置项,涵盖的面非常大,要全部列出几乎是不可能的。虽然API文档是童叟无欺精心打造的,但实际开发中,若果能够像其它语言Java和C#那样地支持JavaScript代码提示,那就更好啦。
Ext 2.0的API包含许多的方法(函数)、属性和配置项,涵盖的面非常大,要全部列出几乎是不可能的。虽然 API文档是童叟无欺精心打造的,但实际开发中,若果能够像其它语言Java和C#那样地支持JavaScript代码提示,那就更好啦。可喜的是,有若干的开发环境(IDE)和插件能够支持--并且是直接支持Ext 2.0。 Aptana Studio 一谈到JavaScript的开发工具,就不得不提 Aptana了。就我实际工作来说,每天都用它来完成Adobe AIR的工作。但是Aptana当前捆绑的Ext的版本有些旧(1.1的),下面就介绍一个 插件的安装方法,让Aptana支持到2.0(由Markus Schmidleitner提供,用起来还不错):
1.下载并安装Aptana Studio; 2.打开你的Aptana程序目录(我这儿是C:\Aptana),复制jar格式的文件到plugins目录; 3.重启Aptana; 4.进入Window -> Preferences -> Aptana -> Editors -> JavaScript -> Code Assist选择Ext 2.0(或要反选Ext.1.1)。

Aptana Studio with Ext 2.0 code assist

Spket Eclipse插件与IDE Spket IDE是目前支持Ext 2.0最为出色的IDE。 它采用.jsb project file 文件并将继承于基类和所有文档的内容嵌入到生成代码提示的Script doc中。 由于Spket只是一个单纯的编辑器,没有其它格式的支持(如CSS),所以我的做法是用它的Eclipse插件形式,安装到Aptana。安装办法如下:
1.下载安装Aptana Studio(包含有Eclipse); 2.启动Aptana并打开程序菜单到:Help → Software Updates → Find and Install… → Search for new features to install → New remote site… 3.名称: "Spket",地址URL是 http://www.spket.com/update/ 4.重启Aptana; 5.观看一下这个SketIDE的 教程,看看Ext代码提示的功能有多省事(你可以修改/src/ext.jsb 保持最新版的Ext),基本步骤如下:
  1. Window → Preferences → Spket → JavaScript Profiles → New ;
  2. 输入"ExtJS"点击OK;
  3. 选择"ExtJS" 并点击"Add Library"然后在下拉条中选取"ExtJS";
  4. 选择 "ExtJS"并点击"Add File",然后在你的./ext-2.x/source目录中选取"ext.jsb" 文件;
  5. 设置新的ExtJS Profile,选中并点击"JavaScript Profiles" 对话框右手边的"Defalut"按钮;
  6. 重启Aptana;
  7. 创建新的JS文件并输入: Ext这样就可设置Ext Code代码自动完成的功能。
由于你是在Aptana中安装插件的,Aptana还是你默认的JS编辑器,所以要试用Spket,你要在那个文件上选中"Open with"-> Spket JavaScript Editor 。

Spket in Aptana with full documentation and code assist

Komodo Edit Komodo Edit为众多格式文件提供支持,包括Perl、PHP、Python、Ruby和Tcl。亦支持浏览器方面的代码包括有JavaScript、CSS、HTML和XML。Windows、Mac Os和Linux平台都可用。 安装Ext支持下的Komodo:
1.下载和安装Komodo Edit; 2.下载 API catalog; 3.进入Edit -> Preferences -> Code Intelligence 并选择位于"API Catalog"下方的按钮"Add an API catalog" ; 4.选择刚才下载的ExtJS API cat Komodo Editalog CIX 。

Komodo with Ext JS code intelligence

Dreamweaver 对于Dreamweaver的用户,有两种可用的插件 SpketDW(Dreamweaver 2004或新版)和 SpketDWCS(Dreamweaver CS3)。两者都是Spket团队开发的(刚才提及的),因此也同样精确和出色。另外Dreamweaver插件的一大特点是很好地支持配置项的代码提示。

Members code assist

Config option code assist

要下载和安装,请浏览他们的站点其它的IDE 还有其它的IDE,像由社区发起的正在工作着的IntelliJ和Visual Studio 2008总结 当工作中需要到Ext 2.0,的确有一些工具能辅助你提升工作

相关文章
|
2月前
|
数据可视化 前端开发 JavaScript
可视化工具D3.js
可视化工具D3.js
104 2
|
16天前
|
IDE Java 开发工具
ide工具
ide工具
31 8
|
24天前
|
Web App开发 JavaScript 前端开发
使用 Chrome 浏览器的内存分析工具来检测 JavaScript 中的内存泄漏
【10月更文挑战第25天】利用 Chrome 浏览器的内存分析工具,可以较为准确地检测 JavaScript 中的内存泄漏问题,并帮助我们找出潜在的泄漏点,以便采取相应的解决措施。
147 9
|
26天前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
67 10
|
26天前
|
JavaScript 前端开发
javascript开发的简单的弹幕插件
这是一个原生javascript开发的简单的弹幕插件,具有美观、易用,占用的资源较低等特点,可以给弹幕设置内容、颜色、头像、链接地址等属性,鼠标悬停等,简单实用,欢迎下载!
39 5
|
1月前
|
存储 JavaScript 前端开发
Node.js 常用工具
10月更文挑战第6天
25 2
|
2月前
|
机器学习/深度学习 人工智能 IDE
Cursor免费 GPT-4 IDE 工具的保姆级使用教程
本文介绍了Cursor这一基于人工智能技术的代码生成工具,包括其特点(利用自然语言处理和深度学习算法,可生成高质量代码,支持多种编程语言,能在多种操作系统上运行)及使用教程。教程内容涵盖下载(通过官网获取对应系统版本并安装)、初始化配置(如配置快捷键、AI指定语言,导入VS Code扩展,设置数据偏好,登录/注册)、安装插件(设置Cursor中文、配置gitee)、配置模型和Key(选择模型、配置密钥、自定义模型并进行测试)以及如何使用(打开提示词面板)等步骤。
531 6
 Cursor免费 GPT-4 IDE 工具的保姆级使用教程
|
27天前
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图,默认左侧是页面主要内容,minimap.js的好处就是在它的右侧形成一个快速定位通道,产生一个缩小版的页面,即预览效果,可以点击并快速定位到页面的某个位置。简单实用,欢迎下载!
30 0
|
1月前
|
存储 JSON JavaScript
Vue.js开发中基于localStorage与sessionStorage的本地存储利器:Vue-ls插件使用详解
Vue.js开发中基于localStorage与sessionStorage的本地存储利器:Vue-ls插件使用详解
54 0
|
1月前
|
Web App开发 JavaScript 前端开发
Node.js:JavaScript世界的全能工具
Node.js:JavaScript世界的全能工具
下一篇
无影云桌面