码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-05-18 14:11:52      阅读:165      评论:0      收藏:0      [点我收藏+]

标签:rip   view   入门   检查   prim   ejs   primary   node   htm   

快速入门

安装 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 链接

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

标签:rip   view   入门   检查   prim   ejs   primary   node   htm   

原文地址:https://www.cnblogs.com/hantangtouzi/p/12909956.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!