vue3创建项目命令(vue3创建项目的步骤是)

作者：电脑培训网 2024-05-02 11:22:33 909

用Vue3创建项目main.js配置、陷阱规避指南

系列文章目录

第一篇用Vue3创建项目新手教程

vue3创建项目命令(vue3创建项目的步骤是)

第二部分Vue3创建项目Router路由配置与使用

第3部分VUE3创建项目VUEX配置

系列文章目录

main.js配置，直接查看，如：所示

前言：

//main.js配置序列如下，没有混淆！如果搞砸了很容易出错

安装元素plus命令

安装路由

安装vuex

main.js配置，直接看图，如下：

前言：

当新手创建VUE3项目时，他们将使用大量配置并犯很多错误。序列是错误的，要么将组件引入错误，依赖项是错误的，要么配置是错误的。本文主要讲一下如何配置和安装，以及避坑指南。我可以避免使用的坑。我面前的人可以享受树木后面的阴影。

//main.js配置顺序依次如下，不能乱！！！！乱了容易报错

//main.js配置订单如下，没有混乱！搞乱了很容易报错/*****router路由**storevuex全局管理**elementplus**/import{createApp}from'vue'importAppfrom'./App.vue'import来自'./router/index'import商店的路由器来自'./store/index'//introduceelementplusimportelementplusfrom'element-plus'import'imenthelement-plus/dist/dist/index.css'//来自'@element-plus/icons-vue'constapp=createAppfor））{app.component}//使用用于安装文件createApp.use.use.use.mount

以下是一些安装命令

安装element-plus命令

npminstallelement-plus--save

配置元素-元素

npm安装@element-plus/icons-vue

//将import*reforment*confient*grom.js中的elementplusiconsvueinmain.js中的'@element-plus/icons-vue'constapp=createApp=createAppfor）{app.component}app.use.use.mount