# modify-uni

**Repository Path**: modify_lzq/modify-uni

## Basic Information

- **Project Name**: modify-uni
- **Description**: 这是一个基于vue3+uni-app构建的多端项目
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-08-09
- **Last Updated**: 2025-06-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vue3, uni-app

## README

## 安装vue3+ts构建的uni-app项目

```shell
npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project

或者直接在gitee下载：https://uniapp.dcloud.net.cn/quickstart-cli.html#%E5%88%9B%E5%BB%BAuni-app
```

## 调试
- 在Hbuild X运行-运行到小程序模拟器-运行设置->指定微信开发者工具的路径

## 自动导入依赖
```
npm i unplugin-auto-import
```
在vite.config.ts当中进行配置vue、uni-app
```js
import AutoImport from 'unplugin-auto-import/vite'
AutoImport({
	imports: ['vue', 'uni-app'],
	dts: 'src/auto-import.d.ts',
}),
```
## ui库&ts支持

```shell
npm i -D  @types/wechat-miniprogram @uni-helper/uni-app-types -- force

npm i @dcloudio/uni-ui --force

npm i -D @uni-helper/uni-ui-types --force
```

在tsconfig.json的types属性添加对应的类型。详情见tsconfig.json文件

## 配置tailwindcss

```shell
npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
npx tailwindcss init
```

## 跨端需要注意的点

[https://uniapp.dcloud.net.cn/matter.html](https://uniapp.dcloud.net.cn/matter.html)