美文网首页
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