使用Vue-cli构建Vue3+Ts项目

作者：System 时间：2024年08月21日分类：所有,typescript 字数：770

这篇文章距离上次修改已过181天，其中的内容可能已经有所变动。

要使用Vue CLI创建一个Vue 3 + TypeScript的项目，请按照以下步骤操作：

确保你已经安装了Vue CLI。如果没有安装，可以通过以下命令安装：
```
npm install -g @vue/cli
```
创建一个新的Vue 3项目，并且选择TypeScript作为项目的预处理器：
```
vue create my-vue3-ts-app
```
在创建过程中，Vue CLI会询问一系列问题来配置你的项目。你可以使用上下箭头键来选择选项。当它问你“Pick a version of Vue.js and specify if use class-style component syntax”时，选择“Vue 3”。然后，当它询问“Use Babel alongside TypeScript (required for modern mode & auto-detected polyfills)?”时，选择“Yes”。
之后，Vue CLI会自动为你安装所有的依赖，并且创建项目的基础结构。
一旦项目创建完成，进入项目目录并启动开发服务器：
```
cd my-vue3-ts-app
npm run serve
```

以上步骤会创建一个新的Vue 3项目，并且配置TypeScript支持。如果你想要快速开始，可以直接使用Vue CLI的预设配置。如果你需要更多的定制化配置，可以在创建项目时选择“Manually select features”来逐个选择需要的特性。