前面已經看見效果了，咱們就來開始實際應用它吧。首先要做的是搭建開發環境，訪問ZK的官方網站http://www.zkoss.org/，在頁面的頂部導航，或者右側可以看到download，點擊download進去，在頁面的Downloads列表中選擇第二項“ZK studio”，這時會進入另一個頁面，此時我們只要在MyEclipse中的插件管理面板中將“Online Installation”下面的地址粘貼進去，點擊OK就好了。接下來就是等待MyEclipse幫我們把ZK插件安裝好。
安裝好以後，會彈出一個對話框，要輸入用戶名和密碼，這個只要在ZK的網站上註冊一下就好了。我嘗試過不輸入用戶名、密碼，結果ZK不能正常使用了![]()
開發環境有了，接下來就是來編寫我們的第一個ZK工程了。在MyEclipse中選擇file->new->project 然後選擇ZK Project，然後next，輸入工程名，finish就可以了。這時會詢問是否切換到ZK的編輯面板，這個就因人而異吧，自己喜歡就好。
在ZUL文件的代碼中，你會看到“New Content Here!” 這句話，把它替換成你自己想寫的內容，保存，然後部署到Tomcat下，訪問這個ZUL文件，就能看到效果了。
效果圖如下：
代碼如下：
<?page title="new page title" contentType="text/html;charset=UTF-8"?>
<zk>
<window title="new page title" border="normal">
我的第一個ZK頁面，hoho
</window>
</zk>
<zk>
<window title="new page title" border="normal">
我的第一個ZK頁面，hoho
</window>
</zk>
嘿嘿，第一個ZK頁面出來嘍