Vue3+TypeScript+Router+Vuex+Ant-Design-Vue项目（一）—— 使用 vue-cli 搭建项目

为了更好地掌握 vue3 和 TypeScript，准备搭建一个后台管理系统来学习一下。

技术栈：

• Vue3
• Typescript
• Vue-router
• Vuex
• Ant-Design-Vue

1、初始化项目

vue create <project-name>

如下：

2、运行项目

打开项目，运行：

npm run serve

运行成功：

项目页面：

3、安装ant-design-vue

npm i --save ant-design-vue
// 或者
yarn add ant-design-vue

安装成功：

4、安装TypeScript

特性

TypeScript 是 JavaScript 的强类型版本。在编译期去掉类型和特有语法，生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JavaScript，所以 TypeScript 并不依赖于浏览器的支持，也并不会带来兼容性问题。

安装 TypeScript ：

vue add typescript

安装成功：

5、引入ant-design-vue组件

main.js 中全局引入组件：