上半部分，我们通过集成构建工具 Vite 使组件库能构建出产物。下半部分，我们将要集成 TypeScript，为组件库的开发注入类型系统的支持。

从搭建Monorepo环境再到组件开发,最后打包发布到npm,一步一步带领你打造出一个属于自己的UI组件库

1.创建项目 使用vite 去创建项目 删除src下的assets文件 删除src下components下文件 清空App.vue中的文件内容，后续做测试使用 新建src/package 目录 用于存

Vue 3 + Ts + Vite 组件开发并发布npm包 目录 项目初始化 开发组件 配置打包 注册 npm 账号 发布组件到 npm 在新项目中使用组件 1. 项目初始化 1.1 创建项目 使用

网上模板这么多，为什么还要自己搭建？ 目前主流的 Vue3+Vite 后台管理模板都相对复杂，集成了太多不实用的东西，对使用者并不友好，学习成本较高，甚至对一个中级前端来说要直接上手二次开发也是有一定

前言 Vue 3 正式版已经发布有一段时间了，随着 Vite 脚手架注定成为下一代前端工具链，许多用户都想基于 Vite 来构建 Vue 项目，如果想基于 Vite 构建 Vue 3 项目，社区模板完

为何使用 Vite？如何从0搭建Eleme-Plus +Vue3.0全家桶开发环境、多语言化并集成 ESLint +husky +lint-staged 完成代码的检查及代码 git 提交规范校验。

GitHub 仓库地址：https://github.com/vitejs/vite Vite 官网地址：https://cn.vitejs.dev/ 1. 环境变量配置 项目根目录新建，.env.p

在vue-cli中移除console，是要下载babel-plugin-transform-remove-console，但是在vite中已经内置了移除console的配置，所以只需要配置一下就行了。