vue3+ts实现install

在 Vue3 中结合 TypeScript 使用，安装通常涉及到创建一个 Vue 组件库，并将其导出供其他项目引用。以下是基本步骤：

1. **设置环境**:
- 安装 Node.js 和 npm 或 yarn (包管理器)。
- 创建一个新的 TypeScript 项目：`npm init -y` 或 `yarn create ts-app my-vue-library`。

2. **安装依赖**:
- 需要 Vue CLI、Vue Compiler for TypeScript (`@vue/compiler-sfc`) 和 Axios 或其他你需要的库（如 Vue Router、Vuex 等）：`npm install -D @vue/cli typescript axios @vue/compiler-sfc`

3. **配置文件**:
- 更新 `package.json` 的 scripts，添加构建和打包命令：

     "scripts": {
       "build": "tsc",
       "watch": "tsc -w",
       "serve": "vue-cli-service serve"
     }

- 在 `.eslintrc.js` 或 `tsconfig.json` 中配置 TypeScript 和 Vue 的兼容选项。

4. **创建组件**:
- 创建一个 TypeScript 文件（如 `MyComponent.vue.ts`），编写 Vue 组件代码：

     import { defineComponent } from 'vue';

     export default defineComponent({
       name: 'MyComponent',
       props: {
         message: String,
       },
       template: `
         <div>
           {{ message }}
         </div>
       `,
     });

5. **编译和发布**:
- 运行 `npm run build` 来编译 TypeScript 到 JavaScript。
- 可以将编译后的目录作为 NPM 包发布到 npm 上，或者直接复制到你的项目中 `node_modules` 目录下。

6. **在另一个项目中使用**:
- 在依赖项中安装你的库（如果是 npm 包的话）：

     npm install your-library-name

- 引入并注册组件：

     import MyComponent from 'your-library-name/dist/MyComponent.vue';
     Vue.component(MyComponent.name, MyComponent);