Vue3+ts+router项目创建

1. 安装 Node.js 和 npm

确保你已经安装了 Node.js 和 npm。你可以通过以下命令检查是否已安装：

node -v
npm -v

如果没有安装，可以从 Node.js 官网 下载并安装。

2. 安装 Vue CLI

Vue CLI 是一个用于快速搭建 Vue 项目的工具。你可以通过以下命令全局安装 Vue CLI：

npm install -g @vue/cli

安装完成后，你可以通过以下命令检查 Vue CLI 是否安装成功：

vue --version

3. 创建 Vue 3 项目

使用 Vue CLI 创建一个新的 Vue 3 项目：

vue create my-vue3-ts-router-project

在创建项目的过程中，Vue CLI 会提示你选择一些配置项：

1. 选择预设：你可以选择默认的 Vue 3 预设，或者手动选择特性。
2. 选择特性：确保选择 TypeScript 和 Router。
3. 其他配置：根据你的需求选择是否使用 Babel、ESLint、单元测试等。

4. 进入项目目录

项目创建完成后，进入项目目录：

cd my-vue3-ts-router-project

5. 安装依赖

项目创建完成后，Vue CLI 会自动安装依赖。如果没有自动安装，你可以手动安装：

npm install

6. 配置 TypeScript

Vue CLI 已经为你配置好了 TypeScript，但你可以在 tsconfig.json 中根据需要进行调整。

7. 配置 Vue Router

Vue CLI 已经自动生成了 Vue Router 的配置。你可以在 src/router/index.ts 中查看和修改路由配置。

8. 运行项目

使用以下命令运行项目：

npm run serve

项目启动后，你可以在浏览器中访问 http://localhost:8080 查看效果。