tov-ui工程目录初始化

➜  tov-ui git:(main) tree -L 1
.
├── ESLint.md
├── Git.md
├── Husky.md
├── README.md
├── eslint.config.js
├── node_modules
├── package.json
├── packages
├── pnpm-lock.yaml
├── pnpm-workspace.yaml
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts

打开终端

pnpm create vite

# 输入项目名称

# 选择 Vue

# 选择 Typescript

# 安装依赖
pnpm install

进入项目目录

touch pnpm-workspace.yaml

或者如果是windows下就直接右键新建文件即可，注意文件名称后缀yaml

packages:
  - packages/*

并在根目录中创建packages目录，并继续创建tov-ui目录，再次打开终端进入tov-ui命令初始化项目

cd packages/tov-ui
pnpm init

就会产生一个package.json文件。

最后在清理一些用不到的文件

• 根目录下的src目录
• 根目录下的public目录
• 根目录下的index.html

修改根目录下的tsconfig.json将里面的include一行删除，根目录下的package.json里的name以及scripts里的内容删除，以及private也删除

在packages/tov-ui下新建tsconfig.json进行配置

{
    // 继承根目录下的一些配置
    "extends": ["../../tsconfig.json"],
    "compilerOptions": {},
    "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"],
}

最终目录结构

.
├── ESLint.md
├── Git.md
├── Husky.md
├── README.md
├── eslint.config.js
├── node_modules
|-- node_modules下的子集....
├── package.json
├── packages
│   └── tov-ui
│       ├── package.json
│       ├── src
│       └── tsconfig.json
├── pnpm-lock.yaml
├── pnpm-workspace.yaml
├── tsconfig.json
├── tsconfig.node.json
└── vite.config.ts