Extjs 提示
2014-04-01 16:53
92 查看
搭建开发环境,首先要准备好几样东西:eclipse,tomcat,extjs4.1,还有spket,大家去相关网站下载,都去官网,既可以防止有毒又是最新版。这里提一下spket的下载。spket的下载网站是:
http://www.spket.com/
点击右上角的Downloads进入下载页面,这个产品是个人使用免费,商业用途收费的,大家看着用。这里是作为eclipse的插件使用,按Plugin进入下载页面把他下载下来。解压,把里面eclipse文件夹下面的features和plugins复制到eclipse根目录下与这两个同名的文件覆盖,重启eclipse,然后Window=>Preferences,看到左边有spket选项证明你安装成功了。
继续刚才的窗口:
点击左边选项的Spket
=>JavaScript Profiles
=>右边的按钮中点New
=>Name里面输入 ExtJS (这个名字随意)
=>OK
=>选中ExtJS
=>Add Library
=>Library下拉选项中选中ExtJS
=>OK
=>选中刚才新建的那个ExtJS
=>Add File
=>选中在系统另一个地方解压的ExtJS包的跟目录下的build下的sdk.jsb3(这个文件错误很多,在下一篇文章我会说明修改的方法,暂且先这样用着)
=>然后会出现很多选择框让你选择要哪些提示,我全勾了
=>然后按根节点的ExtJS(注意是最根部的那个ExtJS)
=>点击右面的按钮Default(这步很重要,不按他就不会自动提示了)
=>OK退出
现在是让spket作为javascript的默认编辑器:
Window
=>Preferences
=>General
=>Editors
=>File Associations
=>右面的File types选中*.js
=>下面的Associated editors选中Spket javascript Editor
=>按右面的按钮Default
=>OK退出
然后你看到js文件的图标变成
就代表你成功了。
怎么创建一个ExtJS的工程呢,我先演示一下如何做一个HelloWord的。
新建一个工程(动态网页,eclipse中是Dynamic Web Project),先不要引入ExtJS包,
右键工程图标
=>Properties
=>Resource
=>Text file encoding
=>Other
=>UTF-8
=>左边选Builders
=>去掉JavaScript Validation和Validation前面的勾
=>OK退出
还不能导入ExtJS包,这样会卡死eclipse的。去到工程根目录下,找到.project,用记事本打开,把两处删除掉:
第一处:
<buildCommand>
<name>org.eclipse.wst.jsdt.core.javascriptValidator</name>
<arguments>
</arguments>
</buildCommand>
第二处:
<nature>org.eclipse.wst.jsdt.core.jsNature</nature>
保存退出,refresh一下工程。再把ext包复制进工程,我现在是把整个复制进来,具体怎样才是最小的发行包大家可以参照网上的各种资料,我也是初学,不是太清楚。
运行根目录下的index.html(部署可能需要一段时间),能到主页说明你成功了。具体的代码提示我会在下一篇文章介绍。
http://www.spket.com/
点击右上角的Downloads进入下载页面,这个产品是个人使用免费,商业用途收费的,大家看着用。这里是作为eclipse的插件使用,按Plugin进入下载页面把他下载下来。解压,把里面eclipse文件夹下面的features和plugins复制到eclipse根目录下与这两个同名的文件覆盖,重启eclipse,然后Window=>Preferences,看到左边有spket选项证明你安装成功了。
继续刚才的窗口:
点击左边选项的Spket
=>JavaScript Profiles
=>右边的按钮中点New
=>Name里面输入 ExtJS (这个名字随意)
=>OK
=>选中ExtJS
=>Add Library
=>Library下拉选项中选中ExtJS
=>OK
=>选中刚才新建的那个ExtJS
=>Add File
=>选中在系统另一个地方解压的ExtJS包的跟目录下的build下的sdk.jsb3(这个文件错误很多,在下一篇文章我会说明修改的方法,暂且先这样用着)
=>然后会出现很多选择框让你选择要哪些提示,我全勾了
=>然后按根节点的ExtJS(注意是最根部的那个ExtJS)
=>点击右面的按钮Default(这步很重要,不按他就不会自动提示了)
=>OK退出
现在是让spket作为javascript的默认编辑器:
Window
=>Preferences
=>General
=>Editors
=>File Associations
=>右面的File types选中*.js
=>下面的Associated editors选中Spket javascript Editor
=>按右面的按钮Default
=>OK退出
然后你看到js文件的图标变成
就代表你成功了。
怎么创建一个ExtJS的工程呢,我先演示一下如何做一个HelloWord的。
新建一个工程(动态网页,eclipse中是Dynamic Web Project),先不要引入ExtJS包,
右键工程图标
=>Properties
=>Resource
=>Text file encoding
=>Other
=>UTF-8
=>左边选Builders
=>去掉JavaScript Validation和Validation前面的勾
=>OK退出
还不能导入ExtJS包,这样会卡死eclipse的。去到工程根目录下,找到.project,用记事本打开,把两处删除掉:
第一处:
<buildCommand>
<name>org.eclipse.wst.jsdt.core.javascriptValidator</name>
<arguments>
</arguments>
</buildCommand>
第二处:
<nature>org.eclipse.wst.jsdt.core.jsNature</nature>
保存退出,refresh一下工程。再把ext包复制进工程,我现在是把整个复制进来,具体怎样才是最小的发行包大家可以参照网上的各种资料,我也是初学,不是太清楚。
运行根目录下的index.html(部署可能需要一段时间),能到主页说明你成功了。具体的代码提示我会在下一篇文章介绍。
相关文章推荐
- ExtJS编辑器——spket IDE自动提示配置
- ExtJs中Store加载(load)时候提示信息
- MyEclipse 10.5与ExtJS 4.1.1自动代码提示
- aptana studio下对ajax框架jquery,extjs进行智能提示
- [Sencha ExtJS & Touch] VS Code 的 Sencha 扩展(智能提示,代码导航和集成Build操作等)
- 让VS2008为ExtJS提供智能提示
- ExtJs学习篇---ExtJS 3.0以上版本在eclipse中使用spket插件设置自动提示的方法
- extjs 给column 加上提示
- Extjs 等待提示的几种方式
- 目录视图摘要视图订阅 基于Extjs开发不允许为空的文本框提示及相应的验证错误提示(转)
- ExtJS4随笔(1) -- 在VS中加入Ext4的智能提示
- spket对Extjs4的支持方法 eclipse插件spket安装 extjs4 提示
- extjs4 [store异常处理] [加载信息提示]
- ExtJs提示框(Ext.MessageBox.confirm)
- 为Zend Studio (Eclipse)安装Spket插件,以支持ExtJS 4.0代码自动提示
- extjs touch ajax 交互,遮罩,提示
- Extjs中给button添加悬浮提示
- Extjs中textfield的悬浮提示
- ExtJs智能提示设置
- extjs 如何给column 加上提示