第一步：準備好HbuilderX工具哦。
uni-app官網有相關的介紹，另外也可以參考我的那篇HbuilderX安裝的文章。
要下載app開發版本的HbuilderX工具哦。
第二步：新建一個uni-app的項目，選擇空項目。
當然，如果你是新手的話，可以去新建uni-ui項目或者Hello uni-app項目看一看。
uni-app的默認模板項目裏面文件夾結構是這樣的：
在項目的過程中，我目前用到最多的文件夾有：api、common、components。
其中components文件夾是用來安裝組件，放組件使用的。
在api文件夾下，新建一個api.js的文件，用來存放將來要調用的接口路徑。
在common文件夾下，你可以新建 util.js用來存放你常用的方法，新建request.js去存放你封裝好的request方法。
在main.js中，可以去調用你的引入使用的js和配置。這個跟vue類似。
四、運行項目
打開你項目的文件夾的任何一個文件，然後點擊HbuilderX上面的運行，運行到小程序模擬器即可運行， 注意，使用小程序模擬器運行，需要安裝微信開發者工具。
你也可以h5運行到瀏覽器，也可以查看。如果您的項目是小程序項目最好使用小程序開發者工具去運行，這樣能更好的看到最後的效果。
小程序在某些地方，和h5端表現不太一致，需要做樣式上的調整，這一點可以去官網搜索。
五、發佈項目
當您已經被加入到小程序的開發者中，擁有開發者權限之後，即可配置你的appID，然後點擊發行--》小程序-微信。然後會在微信開發者工具中運行起來你的項目，點擊上傳即可。
作者筆：
在最後，希望各位朋友可以多看看uni-app的官網，最好從頭到尾看一遍。然後熟悉它的api特性，瞭解它的緩存彈框各種工具組件的使用，不懂的時候就去官網找，都可以找到哦。
快速開發小程序，並且支持各種小程序端和app端、H5等，uni-app一定是你不會後悔的選擇。