uni-app支持通過 可視化界面、vue-cli命令行 兩種方式快速創建項目。
通過 HBuilderX 可視化界面
可視化的方式比較簡單，HBuilderX內置相關環境，開箱即用，無需配置nodejs。
創建uni-app
在點擊工具欄里的文件 -> 新建 -> 項目：
選擇uni-app，輸入工程名，如：hello-uniapp，點擊創建，即可成功創建 uni-app。點擊模板里的 Hello uni-app 即可體驗官方示例。
運行的快捷鍵是Ctrl+r
發布uni-app
打包為原生App（雲端）
在HBuilderX工具欄，點擊發行，選擇原生app-雲端打包，如下圖：
出現如下界面，點擊打包即可。
在百度小程序開發者工具中，導入生成的百度小程序項目，測試項目代碼運行正常后，點擊“上傳”按鈕上傳代碼，之后在百度小程序的 管理中心 選擇創建的應用點擊前往發布，選擇對應的版本然后提交審核。
發布為支付寶小程序：
入駐支付寶小程序，參考：支付寶小程序教程。
在HBuilderX中頂部菜單依次點擊 "發行" => "小程序-支付寶"，即可在 /unpackage/dist/build/mp-alipay 生成支付寶小程序項目代碼。
發布的快捷鍵是Ctrl+u
使用 cli 腳手架，可以通過 vue-cli 創建 uni-app 項目。
全局安裝vue-cli
npm install -g @vue/cli
創建uni-app
vue create -p dcloudio/uni-preset-vue my-project
運行並發布uni-app
npm run dev:%PLATFORM%
npm run build:%PLATFORM%
%PLATFORM% 可取值如下：
值 平台
h5 H5
mp-alipay 支付寶小程序
mp-baidu 百度小程序
mp-weixin 微信小程序
mp-toutiao 頭條小程序
mp-qq qq 小程序
dev 和 build 模式的區別：
dev 模式有 SourceMap 可以方便的進行斷點調試；
build 模式會將代碼進行壓縮，體積更小更適合發布為正式版應用；
進行 環境判斷 時，dev 模式 process.env.NODE_ENV 的值為 development，build 模式 process.env.NODE_ENV 的值為 production。
使用cli創建項目和使用HBuilderX可視化界面創建項目有什么區別
編譯器的區別
cli創建的項目，編譯器安裝在項目下。並且不會跟隨HBuilderX升級。如需升級編譯器，執行npm update。
HBuilderX可視化界面創建的項目，編譯器在HBuilderX的安裝目錄下的plugin目錄，隨着HBuilderX的升級會自動升級編譯器。
已經使用cli創建的項目，如果想繼續在HBuilderX里使用，可以把工程拖到HBuilderX中。注意如果是把整個項目拖入HBuilderX，則編譯時走的是項目下的編譯器。如果是把src目錄拖入到HBuilderX中，則走的是HBuilderX安裝目錄下plugin目錄下的編譯器。
cli版如果想安裝less、scss、ts等編譯器，需自己手動npm安裝。在HBuilderX的插件管理界面安裝無效，那個只作用於HBuilderX創建的項目。
cli創建的項目，內置了d.ts，同其他常規npm庫一樣，可在vscode、webstorm等支持d.ts的開發工具里正常開發並有語法提示。
使用HBuilderX創建的項目不帶d.ts，HBuilderX內置了uni-app語法提示庫。如需把HBuilderX創建的項目在其他編輯器打開並且補充d.ts，可以在項目下先執行 npm init，然后npm i @types/uni-app -D，來補充d.ts。
但vscode等其他開發工具，在vue或uni-app領域，開發效率比不過HBuilderX。詳見：https://ask.dcloud.net.cn/article/35451
發布App時，仍然需要使用HBuilderX。其他開發工具無法發布App，但可以發布H5、各種小程序。如需開發App，可以先在HBuilderX里運行起來，然后在其他編輯器里修改保存代碼，代碼修改后會自動同步到手機基座。
如果使用cli創建項目，那下載HBuilderX時只需下載10M的標准版即可。因為編譯器已經安裝到項目下了。
若本號內容有做得不到位的地方（比如：涉及版權或其他問題），請及時聯系我們進行整改即可，會在第一時間進行處理。
請點贊！因為你們的贊同/鼓勵是我寫作的最大動力！
歡迎關注達叔小生的簡書！
這是一個有質量，有態度的博客
