前端-Vue項目初始化

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

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

初始化项目

找到文档->快速上手

脚手架命令 :

npm install -g @vue/cli

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

成功 !

创建项目命令 :

vue create antd-demo

选择 Y

根据自己需求选择整合 , 或者选择不整合

空格选择

选vue版本 -> 选3

根据自己需求选择就好

初始化项目完成

用前端工具打开项目

使用组件库 : 安装组件命令

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

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

把美化开启

大家可以学学 Vue 更好的掌握!

这期就到这里 , 下期见!