第一个 Vue + Ant-Design-Vue 小项目跑起来

Posted 2021-02-19 hantangtouzi

快速入门

安装 nodejs

检查安装是否正确

node -v

npm -v

安装 Vue Cli

npm install -g @vue/cli

检查安装版本

vue --version

创建一个项目

vue create hello-world

运行这个项目

进入这个项目目录

执行

npm run serve

安装 ant design view

进入到 hello-world 目录

npm install ant-design-vue --save

在 main.js 里面引入

import ant from "ant-design-vue";

Vue.use(ant);

在 App.vue 中加入

<a-button type="primary">AAAAA</a-button>

再次运行，则可以看到 AAAAA 链接