# orderSystem

**Repository Path**: zhao-jingtao-l_admin/order-system

## Basic Information

- **Project Name**: orderSystem
- **Description**: 基于Vue3+vite+uniapp架构
选餐小程序
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-18
- **Last Updated**: 2025-06-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Pinia, TypeScript, Vue, vite, uni-app

## README

uni 组件的预览地址；

https://hellouniapp.dcloud.net.cn/pages/extUI/transition/transition

## 一、创建以 TypeScript 开发的项目

### 1. 创建命令

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

回车开始创建的时候会报错：could not fetch remote
https://github.com/dcloudio/uni-prset-vue，由于网络或者域名拦截引起的错误。

可以直接打开 github 地址：https://github.com/dcloudio/uni-preset-vue。

或者 gitee 下载地址：https://gitee.com/dcloud/uni-preset-vue/repository/archive/vite-ts.zip。

下载 zip 压缩包。

解压之后，运行：

```
pnpm install
```

安装依赖完成之后，可以使用：

```
pnpm run dev:h5-RJR
```

就可以正常运行项目了。

## 二、直接使用pnpm安装依赖会报错

使用 npm 或者 yarn 来安装 `esbuild` 的特定版本。运行以下命令：

```powershell
npm install esbuild@0.17.19
```

或者

```pow
yarn add esbuild@0.17.19
```

这将直接使用 npm 或者 yarn 来安装 `esbuild` 版本 `0.17.19`。安装完成后，再次运行 `pnpm install` 来安装其他依赖

## 三、打包

### 1. IOS 打包

步骤如下：

1. 运行命令`build:app-ios`开始编译代码

〉不能直接使用 Hbuilder 来编译，那个编译有问题。

2. 编译成功之后，会在 disk 目录有一个文件夹`dist/build/app`这个里面就是编译之后的代码

3. 使用 Hbuilder 打开上面生成的那个文件夹，然后进行配置就好了。

## 四、项目结构及作用

以 uni-app + vue3 + vite + ts 项目为例，项目结构目录如图：

![img](https://s3.51cto.com/oss/202207/28/083ffef84817f93e5ee051485a4de98c9d7ba8.png)

- index.html 首页入口文件。
- package.json 项目配置文件。
- tsconfig.json typescript 配置文件。
- vite.config.ts vite 的配置文件。

​       src 存放开发资源文件，基本要做的事情都在这个目录内，里面又包含了几个目录文件：

- pages 存放所有页面文件，我们创建的页面组件都放入该文件夹。
- static 存放静态资源的文件夹。
- App.vue 页面入口文件，所有页面都在 App.vue 下进行切换。
- env.d.ts 第三方模块的类型声明文件。
- main.ts 项目入口文件，因为使用 ts 语法，所以后缀是 .ts。
- mainfest.json 应用配置文件，用于指定应用名称、图标、权限等。
- pages.json 全局配置文件，可以配置页面文件路径、窗口样式、原生的导航栏、底部tab栏等。
- uni.scss 是uni-app的样式包，在其他文件中可以快速引用样式包内的样式。