vue搭配Avue的使用方法

敲代码的小姑娘·

于 2019-12-19 15:39:51 发布

阅读量3.9k

点赞数 2

CC 4.0 BY-SA版权

文章标签： vue.js javascript

本文链接：https://blog.youkuaiyun.com/weixin_45615375/article/details/103615273

本文介绍如何使用npm全局安装Vue3脚手架，创建项目，并集成ElementUI及Avue组件库，实现快速搭建Vue3应用环境。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

下载vue的脚手架

npm install -g @vue/cli    //全局安装vue3.0的脚手架

创建项目

vue create project-name   //project-name 项目名称

下载element UI

npm i element-ui -S  //因为Avue是基于elementUI二次开发的所以必须要引入element UI才可以
在main.js中引入
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

下载Avue的组件

npm i @smallwei/avue -S

import Avue from '@smallwei/avue';
import '@smallwei/avue/lib/index.css';
Vue.use(Avue);

OK了，写一个Avue的组件试试吧