vue 引入 element-ui

element-ui 官网网址  http://element-cn.eleme.io/#/zh-CN/component/installation

一.  初始化项目 ：

 vue init webpack vue-elementui
   
 npm install

 npm run dev

二、安装 elementUI 

 npm i element-ui-S

三、引入elementUI

在main.js中引入elementUI

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

四、 使用elementUI 

<template>
  <div class="hello">
    <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>
  </div>
</template>

 

 

直接使用element-ui 模板

# 克隆项目 
$ git clone https://github.com/ElementUI/element-starter.git
# 查看目录
$ ls
# 进入项目目录
$ cd element-starter
# 安装相关依赖包（yarn 或 npm install）
$ yarn
# 运行
$ npm run dev
# 打包压缩
$ npm run build