前端-Vue項目初始化

踏遍三十六岸2024-01-31 7:00

大家好我是苏麟 , 今天聊聊前端依赖Ant Design Vue 快速初始化项目 .

Ant Design Vue官网 : 快速上手 - Ant Design Vue (antdv.com)

初始化项目

1.找到文档->快速上手

脚手架命令 :

java 复制代码

npm install -g @vue/cli

2.找到一个文件夹(不要在中文路径) 下打开cmd窗口输入脚手架命令

创建项目命令 :

java 复制代码

vue create antd-demo

创建项目

选vue版本 -> 选3

根据自己需求选择就好

4.在前端工具中打开项目 , 在终端里输入命令

安装组件

java 复制代码

npm i --save ant-design-vue@4.x

找到main.ts 修改

代码 : main.ts

html 复制代码

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前端项目就初始化好了

这期就到这里 , 下期见!