uni-app 是一個(gè)遵循 Vue.js 語法的跨端框架，開發者編寫一套代碼，可(kě)發布到App、H5、小程序（微信/阿裡/百度/字節跳動(dòng)）及快應用。

近期，uni-app新增支持發行到360小程序平台，目前hello uni-app 已上線360小程序，可(kě)以在360浏覽器(qì)中(zhōng)點擊鍊接打開體驗

如(rú)下(xià)是簡易體驗教程，Enjoy~

通(tōng)過 HBuilderX 可(kě)視化界面

1. 下(xià)載HBuilderX
   
2. 
   
3. 創建uni-app項目
   

在HBuilderX開發者工具中(zhōng)，點擊文(wén)件 -> 新建 -> 項目：選擇uni-app類型，輸入工程名，選擇模闆，點擊創建，即可(kě)成功創建。

3. 進入已創建的項目，點擊工具欄的運行 -> 運行到小程序模拟器(qì) -> 360開發者工具，等待編譯完成時自動(dòng)調起 360浏覽器(qì)

4. 在360浏覽器(qì)中(zhōng)導入編譯後的目錄，見 HBuilderX 控制台輸出

5. 在HBuilderX中(zhōng)修改代碼，uni-app編譯器(qì)會熱更新到 360浏覽器(qì)

注意: 運行時為未壓縮代碼，正式上線時需要點擊發行菜單

通(tōng)過vue-cli命令行

習慣cli腳手架的同學，可(kě)以通(tōng)過vue-cli創建uni-app項目。

1. 全局安裝vue-cli

npm install -g @vue/cli

2. 創建uni-app項目，選擇項目模闆

vue create -p dcloudio/uni-preset-vue my-project

此時，會提示選擇項目模闆，初次體驗建議選擇 hello uni-app 項目模闆，如(rú)下(xià)所示：

3. 使用如(rú)下(xià)命令進行360小程序的編譯預覽及發行打包

# npm script
# dev 模式，編譯預覽
$ npm run dev:mp-360
# build 模式，發行打包
$ npm run build:mp-360

發行到360小程序，需要你(nǐ)下(xià)載并打開360浏覽器(qì)，然後選擇項目編譯目錄（dev模式、build 模式編譯目錄不同，見下(xià)方說明）進行預覽或發行。

dev模式 和(hé) build 模式的區别：

• dev 模式編譯目錄為項目根目錄下(xià)的 /dist/dev/ 目錄
• build 模式編譯目錄為項目根目錄下(xià)的 /dist/build/ 目錄
• dev 模式有 SourceMap 可(kě)以方便的進行斷點調試
• build 模式會将代碼将會進行壓縮，體積更小更适合發布為正式版應用

開發規範

uni-app 内置的組件及API已兼容360小程序，詳見uni-app官網

對于 360 小程序特殊的組件及API，可(kě)以通(tōng)過條件編譯調用360原生能力。