Skip to content

uni app 开始

vue3 的 hello uniapp https://vue3-hellouniapp.dcloud.net.cn/pages/component/view/view

github https://github.com/dcloudio/hello-uniapp

uni-ui https://github.com/dcloudio/uni-ui

bash
npx degit dcloudio/uni-preset-vue#vite-ts 你的项目名称

cd 你的项目名称
pnpm i

添加 uni-ui

uni ui 在线预览:https://vue3-hellouniapp.dcloud.net.cn/pages/extUI/badge/badge

uni ui 文档:https://uniapp.dcloud.net.cn/component/uniui/uni-badge.html

bash
pnpm i sass -D
pnpm i @dcloudio/uni-ui

打开 src/pages.json,然后添加:

json
{
  "easycom": {
    "autoscan": true,
    "custom": {
      // uni-ui 规则如下配置
      "^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
    }
  }
  //   ... 省略原有内容
}