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

近期，uni-app新增支持發(fā)行到360小程序平臺(tái)，目前hello uni-app 已上線360小程序，可以在360瀏覽器中點(diǎn)擊鏈接打開體驗(yàn)

如下是簡(jiǎn)易體驗(yàn)教程，Enjoy~

通過 HBuilderX 可視化界面

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

在HBuilderX開發(fā)者工具中，點(diǎn)擊文件 -> 新建 -> 項(xiàng)目：選擇uni-app類型，輸入工程名，選擇模板，點(diǎn)擊創(chuàng)建，即可成功創(chuàng)建。

3. 進(jìn)入已創(chuàng)建的項(xiàng)目，點(diǎn)擊工具欄的運(yùn)行 -> 運(yùn)行到小程序模擬器 -> 360開發(fā)者工具，等待編譯完成時(shí)自動(dòng)調(diào)起 360瀏覽器

4. 在360瀏覽器中導(dǎo)入編譯后的目錄，見 HBuilderX 控制臺(tái)輸出

5. 在HBuilderX中修改代碼，uni-app編譯器會(huì)熱更新到 360瀏覽器

注意: 運(yùn)行時(shí)為未壓縮代碼，正式上線時(shí)需要點(diǎn)擊發(fā)行菜單

通過vue-cli命令行

習(xí)慣cli腳手架的同學(xué)，可以通過vue-cli創(chuàng)建uni-app項(xiàng)目。

1. 全局安裝vue-cli

npm install -g @vue/cli

2. 創(chuàng)建uni-app項(xiàng)目，選擇項(xiàng)目模板

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

此時(shí)，會(huì)提示選擇項(xiàng)目模板，初次體驗(yàn)建議選擇 hello uni-app 項(xiàng)目模板，如下所示：

3. 使用如下命令進(jìn)行360小程序的編譯預(yù)覽及發(fā)行打包

# npm script
# dev 模式，編譯預(yù)覽
$ npm run dev:mp-360
# build 模式，發(fā)行打包
$ npm run build:mp-360

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

dev模式 和 build 模式的區(qū)別：

• dev 模式編譯目錄為項(xiàng)目根目錄下的 /dist/dev/ 目錄
• build 模式編譯目錄為項(xiàng)目根目錄下的 /dist/build/ 目錄
• dev 模式有 SourceMap 可以方便的進(jìn)行斷點(diǎn)調(diào)試
• build 模式會(huì)將代碼將會(huì)進(jìn)行壓縮，體積更小更適合發(fā)布為正式版應(yīng)用

開發(fā)規(guī)范

uni-app 內(nèi)置的組件及API已兼容360小程序，詳見uni-app官網(wǎng)

對(duì)于 360 小程序特殊的組件及API，可以通過條件編譯調(diào)用360原生能力。