此方案可以在 linux 上開(kāi)發(fā) uni-app 但是限制是不能打包 app , 打包 app 還是得在HbuilderX上進(jìn)行
安裝 微信開(kāi)發(fā)者工具
兩種安裝方式
- deepin 應(yīng)用商店 一鍵安裝晃危。(deepin 系統(tǒng) 推薦)
- 安裝 wine 并且 安裝 wechat_web_devtools
點(diǎn)我查看 微信開(kāi)發(fā)者工具 安裝 文檔地址
安裝uni-app框架
// 1. 全局安裝vue-cli
npm install -g @vue/cli
// 2. 創(chuàng)建uni-app
ue create -p dcloudio/uni-preset-vue my-project
// 3. 選擇需要?jiǎng)?chuàng)建的模板類(lèi)型 跟 HbuilderX 上差不多
深度截圖_選擇區(qū)域_20190727001550.png
// 4. 進(jìn)入目錄,運(yùn)行項(xiàng)目
// 4.1 運(yùn)行至 H5
npm run dev:h5
// 4.1 運(yùn)行至 微信小程序
npm run dev:mp-weixin
// 5. 打包時(shí) 將dev換成build即可齿税。
深度截圖_選擇區(qū)域_20190727001640.png
深度截圖_選擇區(qū)域_20190727001720.png
如果用的deepin 一鍵安裝寞奸,在應(yīng)用列表即可找到快捷方式 打開(kāi) 微信開(kāi)發(fā)者工具。
如果是安裝 wechat_web_devtools 則在安裝目錄下的 bin文件夾 下的 wxdt 直接運(yùn)行括丁。(記得按照文檔上install)
這里有個(gè)bug 導(dǎo)入文件時(shí)不能選擇文件夾 查了很多資料發(fā)現(xiàn)在 1811290 版本的時(shí)候是可以用的 新的版本不行荞下。
解決方案:先新建項(xiàng)目 選好文件夾 填好項(xiàng)目名稱(chēng),然后直接切換到 導(dǎo)入項(xiàng)目一欄 即可史飞。
編輯器使用 vscode即可
深度截圖_dde-desktop_20190727002353.png
深度截圖_dde-desktop_20190727002503.png
深度截圖_選擇區(qū)域_20190727003221.png