大家好我是苏麟 , 今天聊聊前端依赖 Ant Design Vue 快速初始化项目 .
Ant Design Vue官网 : 快速上手 - Ant Design Vue (antdv.com)
初始化项目
1.找到文档->快速上手
脚手架命令 :
npm install -g @vue/cli
2.找到一个文件夹(不要在中文路径) 下打开cmd窗口输入脚手架命令
创建项目命令 :
vue create antd-demo
3. 创建项目
选vue版本 -> 选3
根据自己需求选择就好
4.在前端工具中打开项目 , 在终端里输入命令
安装组件
npm i --save ant-design-vue@4.x
5. 找到main.ts 修改
代码 : main.ts
import { createApp } from "vue";
import App from "./App.vue";
import router from "./router";
import Antd from "ant-design-vue";
import "ant-design-vue/dist/antd.css";createApp(App).use(Antd).use(router).mount("#app");
这样一个Vue前端项目就初始化好了
这期就到这里 , 下期见!