vue2: crea el entorno de proyecto básico de ElementUI basado en VueCli

¿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>

Supongo que te gusta

Origin blog.csdn.net/qq_51463650/article/details/129998912
Recomendado
Clasificación