1-element-ui创建项目

最新推荐文章于 2024-11-11 21:17:43 发布

原创最新推荐文章于 2024-11-11 21:17:43 发布 · 1.2k 阅读

5 ·

CC 4.0 BY-SA版权

2021element-ui 专栏收录该内容

4 篇文章

订阅专栏

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

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>