Vue3组件库开发项目实战——02项目搭建（配置Eslint/Prettier/Sass/Tailwind CSS/VitePress/Vitest）

# 安装项目初始化需要的依赖
npm install
 
# 安装 ESLint 和相关插件
npm install eslint eslint-plugin-vue --save-dev
 
# 安装 Prettier 和相关插件
npm install prettier eslint-config-prettier eslint-plugin-prettier --save-dev
 
# 安装 Sass 处理器和加载器
npm install sass sass-loader --save-dev
 
# 安装 Tailwind CSS 相关依赖
npm install tailwindcss postcss autoprefixer --save-dev
 
# 安装 Vue 3 相关依赖
npm install vue@next vue-loader@next --save-dev
 
# 初始化 Tailwind CSS 配置文件
npx tailwindcss init -p
 
# 安装其他开发依赖
npm install @vue/compiler-sfc lint-staged husky --save-dev

以上命令安装了项目所需的基础库和工具，包括 ESLint、Prettier、Sass 处理器、Tailwind CSS 和 Vue 3。同时，它还初始化了 Tailwind 的配置文件，并安装了一些额外的开发依赖，如 vue-loader 用于加载 Vue 单文件组件（.vue 文件），lint-staged 用于运行 ESLint 和 Prettier 以在 git 提交之前格式化和检查代码，husky 用于在 git 提交阶段进行钩子调用。