此方案可以在 linux 上开发 uni-app 但是限制是不能打包 app , 打包 app 还是得在HbuilderX上进行
安装 微信开发者工具
两种安装方式
- deepin 应用商店 一键安装。(deepin 系统 推荐)
- 安装 wine 并且 安装 wechat_web_devtools
安装uni-app框架
// 1. 全局安装vue-cli
npm install -g @vue/cli
// 2. 创建uni-app
ue create -p dcloudio/uni-preset-vue my-project
// 3. 选择需要创建的模板类型 跟 HbuilderX 上差不多
![](https://img.haomeiwen.com/i14418687/c1142478f908aa79.png)
// 4. 进入目录,运行项目
// 4.1 运行至 H5
npm run dev:h5
// 4.1 运行至 微信小程序
npm run dev:mp-weixin
// 5. 打包时 将dev换成build即可。
![](https://img.haomeiwen.com/i14418687/eb629114028ceae1.png)
![](https://img.haomeiwen.com/i14418687/58e13caaebbc5dad.png)
如果用的deepin 一键安装,在应用列表即可找到快捷方式 打开 微信开发者工具。
如果是安装 wechat_web_devtools 则在安装目录下的 bin文件夹 下的 wxdt 直接运行。(记得按照文档上install)
这里有个bug 导入文件时不能选择文件夹 查了很多资料发现在 1811290 版本的时候是可以用的 新的版本不行。
解决方案:先新建项目 选好文件夹 填好项目名称,然后直接切换到 导入项目一栏 即可。
编辑器使用 vscode即可
![](https://img.haomeiwen.com/i14418687/b37b8f312b137389.png)
![](https://img.haomeiwen.com/i14418687/8ea7e6603c9b9894.png)
![](https://img.haomeiwen.com/i14418687/a5d18bfa2b84536c.png)
网友评论