2023 vue-ts开发移动端，有什么好的UI库，应该采用什么布局方式，rem或vm或%？

我想用vue3-ts开发一个移动端，
以前是自己写，现在求问一下库和布局方式，。

用 uniapp , 如有帮助给个采纳谢谢

不知道你这个问题是否已经解决, 如果还没有解决的话:

这篇博客: 前端学习：vue3.0+tsx网易云移动端仿制版（部分遇到的问题以及解决办法）中的 配置 rem 布局配置 部分也许能够解决你的问题, 你可以仔细阅读以下内容或者直接跳转源博客中阅读:
- 首先安装对应的依赖；
```
npm install amfe-flexible --save
npm install postcss-px2rem --save
```
- 在 main.ts 中引入
```
import "amfe-flexible";
```
- 在 package.json 中配置 px2rem-loader
```
"postcss": {
    "plugins": {
      "autoprefixer": {},
      "postcss-px2rem": {
        "remUnit": 37.5 //这里指的是设计稿的宽度 （370 / 10）
      }
    }
  },
```
- 配置完成后重新启动项目就好啦，使用过程中 px 会转换成 rem 如果没有 vscode 插件去改格式的话，可以使用大写的 px 保留不被转化；
- 如果使用的是vscode 且需要 rem 提示的话需要安装一个插件 cssrem 这里不介绍此插件用法
以下回答来自chatgpt:
对于Vue3和TypeScript开发的移动端应用，以下是我推荐的几个UI库： 1. Vant (https://vant-contrib.gitee.io/vant/): Vant是一个基于Vue的移动端UI组件库，它提供了丰富的组件和功能，具有良好的文档和社区支持。
1. Ant Design Mobile (https://mobile.ant.design/): Ant Design Mobile是基于Ant Design的移动端UI组件库，它提供了一套符合移动端设计规范的组件和样式。
2. Mint UI (https://mint-ui.github.io/): Mint UI是一个基于Vue的移动端UI组件库，提供了一组常用的组件，适用于快速开发移动端应用。
为了选择适合的布局方式，我们需要考虑以下几点：
1. rem: 使用rem作为布局单位可以实现响应式布局，根据设备的宽度动态调整页面的布局。可以通过设置根元素的字体大小来实现，例如：html { font-size: 16px; }。在进行页面开发时，可以根据设计稿将像素值转化为rem进行使用，这样可以适配不同尺寸的设备。
2. vm: 使用vm作为布局单位是根据视口的高度来调整页面的布局。vm是一种相对单位，1vm等于视口高度的1%。例如，如果视口高度为600px，那么1vm等于6px。通过设置元素的高度、宽度、字体大小等属性时，可以使用vm作为单位进行设置，实现页面的自适应。
3. 百分比（%）: 百分比作为布局单位可以根据相对父元素的尺寸进行调整。通过设置元素的宽度、高度等属性时，可以使用百分比作为单位进行设置，实现页面的自适应。
对于选择布局方式的决定，可以考虑以下几点：
1. 设计要求：根据设计要求，是否需要实现不同设备屏幕尺寸的自适应布局。
2. 样式复用：是否需要在不同页面或组件中复用相同的样式，如果是，那么使用相对单位（vm或百分比）可能更方便。
3. 开发习惯：是否习惯于使用某种单位进行页面开发，以及对应单位的相关知识和技术支持。
综上所述，选择使用rem、vm还是%作为布局单位取决于具体项目的需求和开发团队的习惯。可以根据具体情况选择最适合的布局方式。

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^

选择了pnpm add -D postcss-px-to-viewport