Spket Eclipse plug-in usage tutorial

Source: Internet
Author: User

In ext development, I used Aptana and spket

1. Install spket

1. Plugin:
Minimum requirements: 3.2.x,
The file is:Spket-1.6.4.1.zip(It's no different from installing other plug-ins. I don't need to talk about it.
2. spket ide:
Minimum requirement: You need to run and install Java 1.5 or later.Program, Which can be used independently (without installing eclipse
The file is:Spket-1.6.4.1.jar
Installation Steps: 1. Open cmd, 2. Enter the Java-jar spket-1.6.4.1.jar under the spket-1.6.4.1.jar file directory
3. Press enter (I believe you have seen the installation Screen
3. Update site
This is the update website, which is the spket IDE.
Use it to open the eclipse updatemanager (Help menu under eclipse), and add a new bookmarks:
Http://www.spket.com/update

Ii. Configuration and use of spket

Create jquery Profile

    • Select WINDOW> preferences...
    • Select spket> JavaScript profile page
    • Click new. In the name, write jquery. Click OK.
    • Click Add library. Select jquery from the library drop-down list. Click OK.
    • Click the Add file button and select jquery. js to download the file from jquery.com (available in the attachment ).
    • Select jquery profile. Follow the steps in step 1 and click the default button to set it to default. The default profile can also be configured to use configure project specific settings... for each project.
    • Click OK to save the preference.

Create ext 2.0 profile and use spket for ext2.0 Development

Set the followingCodeMark of File Ext. JSB</Project>Before

<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>

    1. Select WINDOW> preferences...
    2. Select spket> JavaScript profile page
    3. Click new. In the name, write Ext. Click OK.
    4. Click Add library. Select extjs from the library drop-down list. Click OK.
    5. Click Add file and select ext \ source \ Ext. JSB in ext source code.
    6. Click OK to save the preference.

Then, you can automatically prompt the code in the JS Code.

EXT theme Builder

In the project directory, create a new file named Ext. theme: open the file and specify the resource folder path of Ext. You can adjust the color and effect of the ext interface to generate your own CSS file.

Spket User-Defined Script Reference statement and prompt

1. First, introduce included Js in the header of the current JS file using the spket inclusion Syntax:

/**
* @ Include "../JS/custom. js"
*/2. Press Ctrl + Click to open the JS declaration, or press Ctrl +/to automatically complete the prompt.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.