为了更好地掌握 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 中全局引入组件:
import {
createApp } from 'vue'
// 引入Antd