组件库然后我们在项目中一般引入别的文件路径会使用软连接,比如所以我们这里要对一些组件库目录下常用的做成软连接形式，避免

在项目中一般引入别的文件路径会使用软连接,比如

import { withInstall } from '@ht-ui/utils'

import '@ht-ui/theme-chalk/avatar/index.less'

所以我们这里要对一些组件库目录下常用的做成软连接形式，避免手动一层一层使用../../../这种方式

进入packages目录下创建文件夹，比如创建一个文件夹。
然后在这个目录下执行pnpm init，这时候会生成一个packages.json，然后我们修改这个packages.json里面的name为@ht-ui/hook
- 然后，我们在项目根目录执行pnpm install @ht-ui/hook，此时就可以看到在根目录package.json的dependencies增加为
- ```
  "dependencies": {
    "@ht-ui/hooks": "workspace:^0.0.5",
  }
```
然后就可以在项目中进行软链接引入了，如果发现提示找不到路径，可能需要配置tsconfig.json文件中的

"paths": {
      "@ht-ui/*": ["packages/*"]
    }

packages.json命令

在准备完成以上内容，这时候我们需要配置一下packages.json中的scripts

这里的命令都是pnpm dev，pnpm xxx

 "scripts": {
    "dev": "pnpm -C playground dev",  // 启动调试项目
    "build": "gulp -f scripts/gulpfile.js", // 执行打包命令
    "docs:dev": "pnpm -C site dev", // 启动本地文档
    "clean": "pnpm run clean:dist && pnpm run -r --parallel clean", // 清理dist文件目录输出
    "clean:dist": "rm -rf  dist",
    "test": "vitest", // 执行单元测试
    "build:docs": "pnpm run -C site build" // 打包文档
  },