Create and Run Your First ZK Application with IntelliJ and ZKIdea"
From Documentation
Jumperchen (talk | contribs) (Created page with "{{ZKInstallationGuidePageHeader}} __TOC__ [https://plugins.jetbrains.com/plugin/7855 ZKIdea] is a IntelliJ plugin for ZK application development contributed by Mr. Jumper Chen...") |
|||
(4 intermediate revisions by 3 users not shown) | |||
Line 4: | Line 4: | ||
__TOC__ | __TOC__ | ||
− | [https://plugins.jetbrains.com/plugin/7855 ZKIdea] is | + | [https://plugins.jetbrains.com/plugin/7855 ZKIdea] is an IntelliJ plugin for ZK application development contributed by Mr. Jumper Chen. |
=Install ZK IntelliJ Plugin = | =Install ZK IntelliJ Plugin = | ||
Line 13: | Line 13: | ||
==Install ZK plugin== | ==Install ZK plugin== | ||
#Start IntelliJ<br/><br/> | #Start IntelliJ<br/><br/> | ||
− | #On IntelliJ's main menu bar, select File > Settings > Plugins.<br/><br/> | + | #On IntelliJ's main menu bar, select File > Settings > Plugins.<br/>Or from the welcome screen: select Configure > Plugins<br/><br/> |
#Type '''ZK''' into the search bar, and then install it. <br/>[[Image: ZKInstallationGuide_IntelliJ_InstallZKPlugin.png]]<br/><br/> | #Type '''ZK''' into the search bar, and then install it. <br/>[[Image: ZKInstallationGuide_IntelliJ_InstallZKPlugin.png]]<br/><br/> | ||
+ | #After installation, restart IntelliJ when prompted to activate the plugin. | ||
=Create a New ZK Project= | =Create a New ZK Project= | ||
#On IntelliJ main menu bar, select File > "New Project" > Maven <br/><br/> | #On IntelliJ main menu bar, select File > "New Project" > Maven <br/><br/> | ||
− | #On the New Project wizard select a "Project SDK" | + | #On the New Project wizard, select a "Project SDK", check "Create from archetype", scroll to the end of the list, select a ZK archetype, and press "Next" to create a project. <br/>[[Image:ZKInstallationGuide_IntelliJ_SelectNewZKProject.png]]<br/><br/> |
#Fill in the information about your project and press "Next". <br/>[[Image: ZKInstallationGuide_IntelliJ_CreateNewZKProject1.png]]<br/><br/> | #Fill in the information about your project and press "Next". <br/>[[Image: ZKInstallationGuide_IntelliJ_CreateNewZKProject1.png]]<br/><br/> | ||
#Check all the information about your project and press "Next". <br/>[[Image: ZKInstallationGuide_IntelliJ_CreateNewZKProject2.png]]<br/><br/> | #Check all the information about your project and press "Next". <br/>[[Image: ZKInstallationGuide_IntelliJ_CreateNewZKProject2.png]]<br/><br/> | ||
Line 30: | Line 31: | ||
#Visit the link "http://localhost:8080/test/index.zul" on your browser <br/> [[Image:ZKInstallationGuide_IntelliJ_RunZKProject4.png]] <br/><br/> | #Visit the link "http://localhost:8080/test/index.zul" on your browser <br/> [[Image:ZKInstallationGuide_IntelliJ_RunZKProject4.png]] <br/><br/> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
{{ZKInstallationGuidePageFooter}} | {{ZKInstallationGuidePageFooter}} |
Latest revision as of 08:42, 13 January 2023
ZKIdea is an IntelliJ plugin for ZK application development contributed by Mr. Jumper Chen.
Install ZK IntelliJ Plugin
Install IntelliJ
- Download the latest IntelliJ IDE from here
Install ZK plugin
- Start IntelliJ
- On IntelliJ's main menu bar, select File > Settings > Plugins.
Or from the welcome screen: select Configure > Plugins - Type ZK into the search bar, and then install it.
- After installation, restart IntelliJ when prompted to activate the plugin.
Create a New ZK Project
- On IntelliJ main menu bar, select File > "New Project" > Maven
- On the New Project wizard, select a "Project SDK", check "Create from archetype", scroll to the end of the list, select a ZK archetype, and press "Next" to create a project.
- Fill in the information about your project and press "Next".
- Check all the information about your project and press "Next".
- Fill in the project location and press "Finish".
Run the ZK Project
- On IntelliJ main menu bar, select Run > "Edit Configurations"
- Press the plus icon "+" to add a maven runtime
- Fill in the project information and type "jetty:run" into the "Command Line" field, and then press "Apply" and "OK"
- Press the green run button to run a jetty server with the project
- Visit the link "http://localhost:8080/test/index.zul" on your browser