关于vue.js:vitevue3typescriptpnpmworkspacemonorepo-项目搭建记录

1、vite 装置（来自官网命令）
npm:

npm init  vite@latest

yarn:

yarn create vite

pnpm:

pnpm create vite

也能够通过以下命令间接设置我的项目名和框架
npm 6.x

npm init  vite@latest my-vue-app --template vue

npm 7+:, extra double-dash is needed:

npm init  vite@latest my-vue-app -- --template vue

yarn

yarn create vite my-vue-app --template vue

pnpm

pnpm create vite my-vue-app -- --template vue

1、增加 pnpm-workspace.yaml 文件，内容如下：

packages:
  -'packages/**'

2、install

3、新建 packages 目录，把 src 目录、vite.config.js 和 index.html 移到 packages 文件夹下改名 main，而后在 packages 下创立 api 目录，

4、在 main、api 目录下别离 pnpm init - f 生成 package.json

name 别离为：@momovue/main、@momovue/api

 如果想增加公共框架包间接在根目录执行 pnpm install module_name

4、api 我的项目独自增加框架，并且增加 index.ts 测试文件

pnpm i typescript -D --filter @momovue/api

5、main 装置 api 依赖

pnpm i @momovue/api --filter @momovue/main

6、测试调用 api 的办法

7、运行

总结：momorepo 这种个别用于同一架构多个我的项目的治理，用 pnpm 装置还是不太纯熟，测试屡次才胜利，每次失败大多都是装置程序有问题，测试了几次整顿出能胜利的程序，下次搭建 lerna yarn workspace

一、搭建 vite 和 vue 我的项目

二、pnpm 构建 motorepo