一、创建项目

1. 全局安装依赖

npm install -g @vue/cli

2. 创建以TS的项目

npx degit dcloudio/uni-preset-vue#vite-ts T-uni

3. 安装项目依赖，推荐使用yarn

4. 测试启动项目

yarn dev:h5

5. 访问 http://localhost:5173

二、WebStorm编辑器 友好支持uni开发

1. 安装插件 plugins.jetbrains.com/plugin/2147…

2. 设置语言框架脚本库

语言和框架 -> Javascript -> 库 中选择下载uni-app

三、下载uni-ui 组件

因为我没有使用HBuilderX来创建项目，所以在安装uni-ui插件上会有一些与众不同

1. 到github上下载组件 github.com/dcloudio/un…
2. 把 uni-ui-master\uni-ui-master\uni_modules copy 到 我们项目的src下
3. 安装组件依赖

yarn add sass -D  

4. 按照文档 测试使用一下
5. 完美使用上

四、仓库地址 持续更新