让Aptana支持jQuery

此demo将指导您如何创建一个新的jQuery的项目,并获得与您的编码开始使用jQuery库的记录由Aptana提供。


 

  1. Access your projects.访问您的项目。
    1. Click the Project tab to view your Aptana projects.单击项目选项卡查看您的Aptana项目。
  2. Create a new jQuery project.创建一个新的jQuery的项目。
    1. From the Aptana File menu, select New > Project...从Aptana 文件菜单,选择新建 “> 项目...
      The New Project wizard opens.新建项目向导。
    2. On the New Project wizard, expand the Aptana Projects folder and select General Web Project .新建项目向导中,展开Aptana项目文件夹并选择一般的Web项目
    3. Click the Next button.单击下一步按钮。
    4. In the Project name: field, type a name for your new project.项目名称:字段中,键入新项目的名称。
    5. Click the Next button.单击下一步按钮。
    6. From the Select Ajax Libraries list, check the box next to jQuery .选择Ajax库列表中,勾选扩展 jQuery。Click Next .单击下一步
    7. On the Jaxer Support screen, click the Select All button if you want to automatically add Jaxer support to the project.Jaxer支持屏幕上,单击全选按钮,如果你想自动添加Jaxer为了支持这个项目。Click Next .单击下一步
    8. On the HTML Preview settings page, configure any special HTML preview settings for your project.HTML预览设置页,配置任何特殊的HTML预览为您的项目设置。Click Next .单击下一步
    9. Click the Finish button.点击完成按钮。

      Aptana creates a new jQuery project, which includes a lib folder for the jQuery library, a new jQuery-linked HTML template file named jquery_sample.htm , and a new Code Assist Profile. Aptana创建一个新的jQuery的项目,其中包括一对jQuery库,一个新的jQuery的lib文件夹挂HTML模板文件名为jquery_sample.htm,一个新的代码辅助资料。

      Open the jquery_sample.htm file in the HTML Editor by double-clicking on it.打开通过双击上按一下,在HTML编辑器jquery_sample.htm文件。Because jquery_sample.htm is now the active file, your jQuery profile now becomes the active Profile in the Code Assist Profiles View.因为jquery_sample.htm现在是积极的文件,您的jQuery的文件现已成为在代码辅助配置文件察看活动配置。

  3. Explore the jQuery project.探索了jQuery项目。
    1. Just below the open jquery_sample.htm file in the Editor, click the Preview tab.下方,在编辑器,单击预览选项卡打开jquery_sample.htm文件。
      Aptana displays a preview of the Local Links example from jQuery. Aptana显示了本地连结从jQuery的例子预览。
    2. Click the Source tab to return to the source view of jquery_sample.htm .单击选项卡返回的jquery_sample.htm源视图。
    3. In the Project View, expand your project folder to view the files in your jQuery project.在项目视图中,展开您的项目文件夹,以查看您的jQuery的项目中的文件。
    4. In the Code Assist Profiles View, expand the jquery_sample.htm project folder to view the documented JQuery library files.在代码辅助配置文件察看,展开jquery_sample.htm项目文件夹以查看文件jQuery库文件。<p>These are the files that will be available to you in Code Assist. <p>这些都是文件将在代码辅助你。
  4. Preview Code Assist.预览代码辅助。
    1. In your jquery_sample.js file, just inside of the $(document).ready(function(){...}); function, add the following line: $("p") .在您的jquery_sample.js文件,只是里面的$(document).ready(function(){...});函数,添加下面一行$("p")
    2. While entering that selector you should have seen documentation come up for how to use the $ function.尽管进入该选择你应该看到的文件来如何使用$功能了。
    3. Now insert your cursor just after " $("p") " and type .ad and press ctrl+space .现在,插入仅次于$("p")并输入您的光标.ad和按Ctrl +空格
      Code Assist displays a list of jQuery functions that begin with the letters "ad" (eg add, addClass, etc).代码辅助显示一个jQuery函数列表字母开头的“广告”(如添加,addClass,等)。Use Code Assist to help you code.使用代码辅助,以帮助您的代码。
  5. Start coding.开始编码。
    1. As you type, notice that Code Assist is now active for the jQuery objects and functions that you use.当您输入,请注意,代码辅助目前正积极为jQuery对象和功能,您使用。
    2. Press ctrl+space at any time to activate Code Assist. Ctrl +在任何时间空间来激活代码辅助。