vue+typeScript 项目搭建

Vue.js 和 TypeScript 是现代前端开发中的热门组合，它们可以一起提供高效、强类型和可维护的开发体验。以下是一般的 Vue + TypeScript 项目搭建步骤：

1. **安装 Node.js**：确保你已经安装了 Node.js，因为 Vue CLI 需要它来创建项目。

2. **安装 Vue CLI**：打开终端或命令提示符，运行 `npm install -g @vue/cli` 或者 `yarn global add @vue/cli` 来全局安装 Vue CLI。

3. **创建新项目**：使用 Vue CLI 创建一个新的 TypeScript 项目，运行 `vue create my-project --type=typescript`，选择 TypeScript 作为模板类型。

4. **选择预设**：选择合适的预设，比如 "default" 或者 "e2e"，这将决定项目的结构和配置。默认预设就足够了，但如果你需要更全面的配置，可以选择其他预设。

5. **配置 Vue.config.js**：在项目根目录下的 `vue.config.js` 文件中，添加 TypeScript 相关配置，如 `transpileDependencies` 配置，确保外部库也使用 TypeScript。

6. **安装依赖**：进入项目目录后，运行 `cd my-project`，然后安装项目依赖 `npm install` 或者 `yarn`。

7. **启用 TypeScript**：在 `src` 目录下，修改每个组件、服务、测试等文件的扩展名（如 .vue -> .ts 或者 .vue -> .tsx），并启用 TypeScript 语法。

8. **编译器配置**：在 `tsconfig.json` 文件中，设置编译选项，如目标版本、模块系统等。

9. **运行项目**：使用 `npm run serve` 或者 `yarn serve` 启动项目，并查看是否成功加载 TypeScript 支持。