Vue3 crear proyecto (4) configuración de main.js, guía para evitar pits

 Directorio de artículos de la serie

El primer tutorial de creación de proyectos Vue3 (1) para principiantes

El segundo proyecto de creación de Vue3 (2) configuración y uso de enrutamiento del enrutador 

Parte 3 Vue3 Create Project (3) Configuración de Vuex

Tabla de contenido

 Directorio de artículos de la serie

 Configuración de Main.js, mire directamente la imagen, de la siguiente manera:

Prefacio: 

 //main.js El orden de configuración es el siguiente, ¡no desordenado! ! ! ! Si está desordenado, es fácil informar un error.

Instale el comando element-plus

instalar enrutador

 instalar vuex

---

Configuración de Main.js, mire directamente la imagen, de la siguiente manera:

Prefacio: 

Cuando un novato crea un proyecto vue3, usará muchas configuraciones y cometerá muchos errores , o el orden es incorrecto o los componentes se introducen incorrectamente , las dependencias son incorrectas y la configuración es incorrecta.Este artículo habla principalmente sobre cómo configurar e instalar, y la guía para evitar pozos , el pozo que pisé se puede evitar más tarde, los predecesores están a la sombra del árbol y los descendientes disfrutan de la sombra. 

 //main.js El orden de configuración es el siguiente, ¡no desordenado! ! ! ! Si está desordenado, es fácil informar un error.

//main.js 配置 顺序依次如下，不能乱！！！！乱了容易报错
/***
 * 
 * router 路由
 * 
 * store vuex全局管理
 * 
 * elementplus
 * 
 */
import { createApp } from 'vue'
import App from './App.vue'
import router from './router/index'
import store from './store/index'
//引入elementplus
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
//引入elementplus icon
import * as ElementPlusIconsVue from '@element-plus/icons-vue'

const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
// 使用use将文件挂载上去
createApp(App).use(router).use(store).use(ElementPlus).mount('#app')

 Aquí hay algunos comandos de instalación.

Instale el comando element-plus

npm install element-plus --save   

 

 Configurar elemento- Icono

 npm install @element-plus/icons-vue

//main.js中配置

import * as ElementPlusIconsVue from '@element-plus/icons-vue'

const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
    app.component(key, component)
}
app.use(router).use(ElementPlus).mount('#app')

instalar enrutador

npm install vue-router@4 

 instalar vuex

npm install vuex@next --save 

por fin:

Otras configuraciones se complementarán y actualizarán más adelante.

Si lo encuentra útil e interesado, puede prestarle atención. Si tiene alguna sugerencia más adelante, puede dejar un mensaje directamente.