vue3 + vite + js + pnpm 组件库框架搭建 ： （二）初始化环境配置

上文已经将组件库的基础框架搭建完毕，本文会对基础框架进行初始化配置（公共依赖，通用配置文件等）

因为本文使用的是 vue3 + vite + js + less 搭建的组件框架所以需要安装 vue + vite + less

第一步 安装公共依赖

在根目录下安装的依赖，在子模块里面都可以使用，所以为了避免在不同的模块中安装相同的依赖，相同的依赖咱们都提取到根项目中。

// 根目录
pnpm install vue -w
pnpm install less vite @vitejs/plugin-vue eslint -D -w

由于框架配置了 monorepo，在根目录下安装依赖需要指定 -w，否则安装失败。

-D 和–save-dev 功能一样
-w 命令用于在多个项目中

第二步配置ESlint

在根目录下执行（具体配置教程看我另一篇博客）

// 根目录下执行
npx eslint --init

注意：eslint最后一步自动安装插件时会报错，因为在monorepo项目中如果pnpm 没有指定-w会导致插件安装失败，所以此时应该选择手动安装eslint依赖

手动安装eslint依赖

pnpm add eslint-plugin-vue@7.0.0  eslint-config-standard@latest eslint@^8.0.1  eslint-plugin-import@^2.25.2 eslint-plugin-n@^15.0.0   eslint-plugin-promise@^6.0.0 -D  -w 

依赖安装完成后依次按照Eslint + Prettier这篇的博客内容继续往下配置

至此vue3 +vite + ESlint + Prettier + pnpm + monorep 基础框架就已经搭建完毕，其他需要的插件可以手动安装或者后面使用到时再安装。

下一章我们将会对package组件库文件夹进行完善以及整理并配置example测试环境