uni-app 支持開發PC版的 360 小程序

uni-app 是一個遵循 Vue.js 語法的跨端框架，開發者編寫一套代碼，可發佈到App、H五、小程序（微信/阿里/百度/字節跳動）及快應用。

近期，uni-app新增支持發行到360小程序平臺，目前hello uni-app 已上線360小程序，能夠在360瀏覽器中點擊連接打開體驗：so.mp.360.cn

以下是簡易體驗教程，Enjoy~

經過 HBuilderX 可視化界面

1. 下載HBuilderX，官方地址

2. 建立uni-app項目

在HBuilderX開發者工具中，點擊文件 -> 新建 -> 項目：選擇uni-app類型，輸入工程名，選擇模板，點擊建立，便可成功建立。

3. 進入已建立的項目，點擊工具欄的運行 -> 運行到小程序模擬器 -> 360開發者工具，等待編譯完成時自動調起 360瀏覽器

4. 在360瀏覽器中導入編譯後的目錄，見 HBuilderX 控制檯輸出

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

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

經過vue-cli命令行

習慣cli腳手架的同窗，能夠經過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 項目模板，以下所示：

3. 使用以下命令進行360小程序的編譯預覽及發行打包

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

發行到360小程序，須要你下載並打開360瀏覽器，而後選擇項目編譯目錄（dev模式、build 模式編譯目錄不一樣，見下方說明）進行預覽或發行。

dev模式 和 build 模式的區別：

• dev 模式編譯目錄爲項目根目錄下的 /dist/dev/ 目錄
• build 模式編譯目錄爲項目根目錄下的 /dist/build/ 目錄
• dev 模式有 SourceMap 能夠方便的進行斷點調試
• build 模式會將代碼將會進行壓縮，體積更小更適合發佈爲正式版應用

開發規範

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

對於 360 小程序特殊的組件及API，能夠經過條件編譯調用360原生能力。

問題反饋

你們在使用 uni-app 開發360小程序時，若碰到問題，歡迎到 DCloud問答社區交流反饋。