¿Qué tipo de sitio web es adecuado para escribir ElementUI?
Sitio web de gestión de fondo
1. Cree un nuevo proyecto VueCli. elemento-proyecto. (proyecto para Vue 2.x)
Instalar andamios
npm install -g @vue/cli
Configure la fuente npm Taobao para acelerar la velocidad de descarga
npm config set registry https://registry.npm.taobao.org
encontrar un directorio limpio
vue create element-project 等一会
Manually select features
选择:Babel - Router - Css Preprocessors 去掉linter
2.x
以下选项一路回车即可
2. Ejecute el comando para instalar la biblioteca de componentes ElementUI.
Ingrese al directorio del proyecto y ejecute el comando de instalación.
cd element-project
npm i element-ui -S
Descargue el código fuente de la biblioteca de componentes element-ui del almacén y colóquelo en node_modules. Y la opción -S agregará esta dependencia
al archivo de configuración package.json
3. Introduce todos los elementos y estilos de ElementUI en main.js.
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
// use()方法可以将ElementUI中的所有组件全部引入当前Vue项目
// 一旦在此处引入,每一个组件都将可以使用ElementUI的组件
Vue.use(ElementUI);
4. Utilice los componentes de ElementUI.
<template>
<div>
<el-button>默认按钮</el-button>
</div>
</template>