【猿创征文】 Vue3 企业级优雅实战 - 组件库框架 - 2 初始化 workspace-root

本文介绍了在 Vue3 项目中如何初始化 workspace-root，涉及通用配置文件如.editorconfig 和 .gitignore 的添加，公共依赖的安装，并详细阐述了在 monorepo 中如何配置 ESLint，包括解决安装过程中遇到的问题和设置 ESLint 忽略文件。

上文已经搭建了 pnpm + monorepo 的基础环境，本文对 workspace-root 进行初始化配置，包括：通用配置文件、公共依赖、ESLint。

在项目 根目录 下添加下面的配置文件。

[*.{js,cjs,ts,jsx,tsx,vue,html,css,scss,md}]
indent_style = space
indent_size = 2
trim_trailing_whitespace = true
insert_final_newline = true

logs
*.log*
node_modules
dist
lib
dist-ssr
*.local

.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

说明：

在有些文章中还会创建一个 .npmrc 文件，配置 shamefully-hoist 为 true，该操作的目的是进行依赖提升，但 pnpm 不建议这么做，所以咱不配置它：

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

pnpm install vue -w
pnpm install @types/node sass typescript vite vue-tsc @vitejs/