ElementUI 适合写什么样的网站?
后台管理网站
1. 新建 VueCli 项目。 element-project 。( Vue 2.x 的项目)
安装脚手架
npm install -g @vue/cli
设置npm淘宝源 加快下载速度
npm config set registry https://registry.npm.taobao.org
找一个干净目录
vue create element-project 等一会
Manually select features
选择:Babel - Router - Css Preprocessors 去掉linter
2.x
以下选项一路回车即可
2. 执行命令,安装 ElementUI 组件库。
进入项目目录中,执行安装命令
cd element-project
npm i element-ui -S
从仓库中下载 element-ui 组件库的源代码,放在 node_modules 中。并且 -S 选项将会把该依赖关系添加
到 package.json 配置文件中
3. 在 main.js 中全量引入 ElementUI 的组件及样式。
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
// use()方法可以将ElementUI中的所有组件全部引入当前Vue项目
// 一旦在此处引入,每一个组件都将可以使用ElementUI的组件
Vue.use(ElementUI);
4. 使用 ElementUI 的组件。
<template>
<div>
<el-button>默认按钮</el-button>
</div>
</template>