1-element-ui创建项目

chencaw

于 2021-05-11 10:39:57 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： 2021element-ui

本文链接：https://blog.youkuaiyun.com/chencaw/article/details/116644007

2021element-ui 专栏收录该内容

4 篇文章

订阅专栏

本文档详细介绍了如何利用Element-UI快速搭建一个Vue项目的过程。从项目的创建到Element-UI的安装配置，再到基本组件的使用测试，提供了一套完整的实践方案。

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

1、element-ui创建项目

 vue create chenelementdemo

2、测试是否安装好

npm run serve

3、安装element-ui

（1）安装element-ui

npm i element-ui -S

（2）在main.js中添加

import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

4、简单测试下

    <el-row>
      <el-button>默认按钮</el-button>
      <el-button type="primary">主要按钮</el-button>
      <el-button type="success">成功按钮</el-button>
      <el-button type="info">信息按钮</el-button>
      <el-button type="warning">警告按钮</el-button>
      <el-button type="danger">危险按钮</el-button>
    </el-row>