V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
sunny1688
V2EX  ›  程序员

新手使用 uni-app,请教一些 uni-app 的一些问题

  •  
  •   sunny1688 · 2023-03-26 08:57:20 +08:00 · 5035 次点击
    这是一个创建于 606 天前的主题,其中的信息可能已经有所发展或是发生改变。
     1. 编码期间可以不使用 HBuilderx 吗?我只想使用 webStorm
     2. 可以使用 vue3+vite 吗?
     3. uni-app 的 ui 框架你们都用哪些?
    

    谢谢各位了

    27 条回复    2023-03-27 18:38:27 +08:00
    licoycn
        1
    licoycn  
       2023-03-26 09:08:55 +08:00   ❤️ 1
    1. 使用 cli 的方式构建,可以只用 webstorm 开发,只在打包 APP 的时候需要用到 hbuilderx
    2. 可以使用 vue3+vite
    3. 适配 vue2 的框架就不说了,vue3 的 ui 框架可以参考插件市场: https://ext.dcloud.net.cn/search?q=vue3&orderBy=Relevance&cat1=2&cat2=21

    以上我都用过,我个人的 wp 小程序除了没有使用 ui 框架,都是自己写的 UI 组件,其余的都是没问题的: https://licoy.cn/puock-mp.html
    binaryify
        2
    binaryify  
       2023-03-26 10:11:46 +08:00
    1. 建议使用 hbuilder 而不是 cli 创建工程,但是可以用别的编辑器写代码,cli 创建工程容易遇到本地和服务器 sdk 版本不一致的问题
    2. 可以创建 vue3 工程,vue3 工程就是使用的 vite 的,只是默认没有 vite.config.js,需要你自己创建
    3. 支持 vue3 的 uview-plus
    estk
        3
    estk  
       2023-03-26 10:32:06 +08:00 via iPhone
    如果只是编译苹果和安卓,那还是 React Native 吧
    如果你还要编译小程序,倒是可以 uniapp
    haha512
        4
    haha512  
       2023-03-26 10:37:24 +08:00
    同楼上,只开发小程序,使用 uniapp 体验是很不错的

    开发 app ,uni 性能确实不咋地,不要考虑第三方 ui 框架了,加上后性能可能更拉胯。如果要用,优先使用官方的 uni-ui 扩展框架。

    纯 nvue 模式下性能会明显好些,但 nvue 坑巨多
    lyonbrown4ddd
        5
    lyonbrown4ddd  
       2023-03-26 11:06:11 +08:00   ❤️ 1
    建议换个技术选型 这玩意是真的垃圾
    sunny1688
        6
    sunny1688  
    OP
       2023-03-26 11:13:52 +08:00
    @licoycn @binaryify @estk @haha512

    感谢感谢,只有小程序开发的需求,看了一下 uni-app 的文档,发现写的很详细,学习起来也很快
    sunny1688
        7
    sunny1688  
    OP
       2023-03-26 11:16:18 +08:00
    @lyonbrown4ddd

    小程序开发已经没有什么好选的了,原生小程序开发基本没啥人去用了,wepy 、mpvue 都已经停止更新了,也就 taro 、uni-app

    taro 我用了一下,文档写的也不行,生态也没有 uni-app 好,编译速度还很慢,包还大,还不支持 vite ,个人感觉 taro 在小程序开发上是比不上 uni-app 的
    estk
        8
    estk  
       2023-03-26 11:33:51 +08:00 via iPhone
    @sunny1688 #6
    如果只是微信小程序,不涉及其它平台小程序,那还不如微信官方的 ide ,如果多平台小程序,那 uniapp 倒是可以理解
    lower
        9
    lower  
       2023-03-26 11:39:45 +08:00
    @estk 微信小程序官方 ide 难用死了……🤣
    lyonbrown4ddd
        10
    lyonbrown4ddd  
       2023-03-26 12:48:37 +08:00
    @sunny1688 国内这个内嵌 webview 生态太割裂了 本质上就是 pwa 非要搞这么多喂给开发者吃屎 多平台小程序的话目前也就 uni 能选了
    hm20062006ok
        11
    hm20062006ok  
       2023-03-26 12:49:33 +08:00
    当你在 webStorm 中运行类似:dev:mp-weixin 时, 这个包可以帮你打开对应的开发工具(比如微信小程序开发工具) https://www.npmjs.com/package/vue-cli-plugin-uniapp-third-devtools
    andyxic
        12
    andyxic  
       2023-03-26 13:33:41 +08:00
    mpx 呢?感觉还行
    serge001
        13
    serge001  
       2023-03-26 14:13:27 +08:00
    小程序开发的话确实也就 uni 和 taro 选了
    henryhu
        14
    henryhu  
       2023-03-26 14:53:58 +08:00
    如果只有微信小程序,直接用原生不好吗?
    hzxxx
        15
    hzxxx  
       2023-03-26 15:39:38 +08:00
    @sunny1688 taro 用 react 写就挺舒服的,包也并不大,taro 支持 vue 时间不长,指不定还有什么 bug ,重要的是 taro 不绑定什么,只是个编译器而已,taro 文档,我觉得还行,该说的都说了,不知道你指哪方面不行
    owen800q
        16
    owen800q  
       2023-03-26 16:06:04 +08:00
    建议 webview 套 vant h5
    ae86
        17
    ae86  
       2023-03-26 16:35:19 +08:00
    建议用 taro
    sunny1688
        18
    sunny1688  
    OP
       2023-03-26 16:44:13 +08:00
    @hzxxx @ae86
    #15 #17

    taro 修改代码后编译速度太慢了,开启 cache 速度有一些提升,但又会经常出错
    sunny1688
        19
    sunny1688  
    OP
       2023-03-26 16:45:38 +08:00
    webstorm 不支持 rpx (编辑器爆红,格式化代码有空格),网上找了一圈没有发现能解决这个问题的,只有一个关闭检测(但所有的都关闭了),各位大佬有解决方案吗?
    Dragonphy
        20
    Dragonphy  
       2023-03-26 17:30:24 +08:00
    推荐 tmui ,生产力 max
    DOLLOR
        21
    DOLLOR  
       2023-03-26 17:32:00 +08:00 via Android
    TS+原生小程序,用 vscode 写代码。
    sunny1688
        22
    sunny1688  
    OP
       2023-03-26 17:42:43 +08:00
    @Dragonphy

    #20
    tmui 性能咋样,uni-ui 号称是最快的 uni-app ui 框架
    C603H6r18Q1mSP9N
        23
    C603H6r18Q1mSP9N  
       2023-03-26 18:15:02 +08:00
    使用官方 hbx 新建 vue3 的项目,然后 UI 框架使用 https://vkuviewdoc.fsq.pub/components/intro.html ,启动、打包、发布使用 hbx ,开发使用 wewbstorm ,使用了几年,没的大坑
    hm20062006ok
        24
    hm20062006ok  
       2023-03-26 19:06:04 +08:00
    @sunny1688 IDEA 装一个叫 Wxapp Support 的插件
    kalluwa
        25
    kalluwa  
       2023-03-26 20:18:22 +08:00
    换别的技术吧,这个你遇到坑了根本解决不了,主要是到处都是坑
    anikzm
        26
    anikzm  
       2023-03-27 18:09:08 +08:00
    刚用 uniapp+vue3+ts 搞了个小项目,可以用,去 git 上找现成的模板就好
    UI 库只用了 uni 插件市场上的一些插件+unocss 原子类,感觉还挺好
    lin07hui
        27
    lin07hui  
       2023-03-27 18:38:27 +08:00
    https://uniapp.dcloud.net.cn/quickstart-cli.html
    可以不使用 HBuilderx
    创建项目:npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
    安装依赖
    开发运行:npm run dev:%PLATFORM%
    打包:npm run build:%PLATFORM%
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   3025 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 37ms · UTC 13:59 · PVG 21:59 · LAX 05:59 · JFK 08:59
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.