之前项目中使用到Typescript+Vue3，封装组件过程中发现definedProps无法使用外部引入的类型定义，因为时间关系当时没有仔细研究。 今天再次遇到此问题，于是花了些时间研究了一番： 下

elementplus图标自动导入 1.需要安装两个插件 2.下载图标库 3.配置vite.config.js 4.使用图标

支持Vue 2和Vue 3开箱即用 支持组件和指令 支持Vite、Webpack、Vue CLI、Rollup 支持仅注册您使用的组件 文件夹名称作为名称空间。 支持ts 用于流行UI库的内置解析器

使用pnpm进行包管理项目中，@vue/runtime-core 类型申明失效问题,发现在申明自定义属性（ComponentCustomProperties）后，vue文件中不生效，ts报错

如果使用`babel`, `swc`等非`tsc`编译器，强烈推荐打开isolateModules来避免潜在的Runtime error

组件提示是any对象，volar无法为你的`UI组件库`提供任何提示．这相当于你在用残废版的volar`+`vue3．

NProgress是一个轻量级的进度条组件，在Github上已经2.4万star数了，虽然这个组件已经好久没有更新了，最近一次更新是20年4月份，改了jQuery的版本，但是该组件的使用频率还是高的。

1.安装插件 2.配置 vite.config.ts 3.在 src/main.ts 中注入脚本 4.创建 SvgIcon 公共组件 5.在组件中使用

本文简单介绍了 husky 和 lint-staged 的集成方式，并扩展了 git hooks 和 npx 的一点知识