新建工程
我們按照上一節所說的辦法，新建一個工程，工程名稱命名爲：First，即我們的第一個Qt應用程序。在彈出的“Qt GUI Project Wizard”中，我們直接下一步，在最後一步的時候，我們在Base Class一欄中，選擇QWidget（基礎窗口部件）：
最後點擊Finish，VS就爲我們建立了新的工程，在Windows自帶的解決方案資源管理器中，我們可以看到工程所包含的所有文件：
其中，First.ui文件可以被Qt Designer所打開，對其進行部件拖曳操作，可視化地對我們的窗口進行編輯，其所對應的文件是ui_first.h，一般地我們不能手動修改ui_first.h，而是通過修改first.ui，保存之後，由系統自動爲我們修改ui_first.h。
First.h與First.cpp是First類的頭文件與具體實現，對於這個Qt程序，我們不需要關注其中的內容，而main.cpp則是Qt程序的入口函數。
完成“Hello Qt”程序
我們雙擊first.ui，則系統會自動爲我們打開被關聯的Qt Designer：
我們在圖中標註出了Qt Designer的幾個主要區域：紅色圈所圍的是工具箱，其中有許多控件可供我們使用，使用的時候，直接拖動到黃色區域的適當位置即可。黃色區域是我們程序編譯完成後所得到程序的樣子，所見即所得。粉色區域包含了3個部分，信/槽編輯器、動作編輯器、資源瀏覽器。而藍色區域是屬性編輯器。我們選中黃色區域的某一組件時，藍色區域會切換到該組件的屬性，我們可以對其進行修改。而綠色區域是對象查看器，添加進來的每一個組件都是一個對象，所以都會再這個區域有所體現。
我們拖動窗口，使它有合適的大小，本人所設置的大小爲335*147：
然後我們在工具箱中找到Vertical Layout，將其拖動到主窗口中，然後點擊它，在屬性編輯器裏面編輯它的屬性：
我們主要設置了它的layoutLeftMargin、layoutTopMargin、layoutRightMargin與layoutSpacing屬性，關於這些屬性的含義，大家可以選中某一屬性之後，然後用鼠標滾輪滾動它，然後觀察佈局中的組件的大小變化，即可明白它的作用。
接下來，我們拖動Push Button與Label組件進來，選中Button後，我們需要在屬性編輯器中修改它的sizePolicy的垂直策略爲Minimum，這樣之後，這個界面就略微好看了一些：
然後，我們雙擊label組件，可以修改它的顯示文本爲“Hello Qt”，選中此Label組件，在右側的屬性編輯器中，要注意ObjectName並不是顯示文本，而是我們在程序中此組件的變量名，然後在屬性編輯器中修改字體爲14號，加粗。同樣的，我們修改PushButton的顯示文本爲退出，並修改字體爲14號，最後的效果如圖所示（我們可以編輯之後保存下來，然後運行整個程序）：
但是我們此時，點擊退出時，程序並不能退出。這涉及到了Qt的信號/槽機制。我們並沒有爲“退出”按鈕的“單擊”事件添加一個信號，也沒有設定整個窗口用來接收這個信號，所以點擊退出時整個窗口並沒有退出。這一節我們不打算詳細講述，只提供一個實例，在以後的學習中會慢慢對Qt的這種機制有更深入的瞭解。依然在Qt Designer中，在第一幅圖的粉色區域內，我們切換信號/槽編輯器一欄，然後點擊
，添加一個信號-槽，雙擊
，選擇pushButton，也就是“退出”按鈕，然後雙擊信號，選擇clicked()，接受者選擇這個窗體FirstClass，槽選擇close()，保存之後，就可以重新編譯。
我們再次編譯，運行程序，這時，點擊“按鈕”，程序就可以正常地退出了。