美文网首页
Linux开发uni-app (deepin 上,ubuntu

Linux开发uni-app (deepin 上,ubuntu

作者: 码码虎呼 | 来源:发表于2019-07-27 00:33 被阅读0次

此方案可以在 linux 上开发 uni-app 但是限制是不能打包 app , 打包 app 还是得在HbuilderX上进行

安装 微信开发者工具

两种安装方式

  1. deepin 应用商店 一键安装。(deepin 系统 推荐)
  2. 安装 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 上差不多
深度截图_选择区域_20190727001550.png
// 4. 进入目录,运行项目
// 4.1 运行至 H5 
npm run dev:h5
// 4.1 运行至 微信小程序 
npm run dev:mp-weixin
// 5. 打包时 将dev换成build即可。
深度截图_选择区域_20190727001640.png
深度截图_选择区域_20190727001720.png

如果用的deepin 一键安装,在应用列表即可找到快捷方式 打开 微信开发者工具。

如果是安装 wechat_web_devtools 则在安装目录下的 bin文件夹 下的 wxdt 直接运行。(记得按照文档上install)

这里有个bug 导入文件时不能选择文件夹 查了很多资料发现在 1811290 版本的时候是可以用的 新的版本不行。

解决方案:先新建项目 选好文件夹 填好项目名称,然后直接切换到 导入项目一栏 即可。

编辑器使用 vscode即可

深度截图_dde-desktop_20190727002353.png 深度截图_dde-desktop_20190727002503.png 深度截图_选择区域_20190727003221.png

相关文章

网友评论

      本文标题:Linux开发uni-app (deepin 上,ubuntu

      本文链接:https://www.haomeiwen.com/subject/jwcznqtx.html