vue-cli4.x使用element-ui当前最新版本的脚手架是vue-cli4.x如果用在vue-cli最新版本是3.x项目element-ui暂时不兼容VUE3；使用脚手架创建项目时，需要选择安装VUE2版本。脚手架安装官网介绍清理npm缓存：npmcacheclean-f卸载原版本：npmuninstallvue-cli-g安装新版本：npminstall-g@vue/cli查看vue版本：vue--version问题一：版本更新失败解决方法：找到npm安装模块的路径，然后删除几个vue相关的配置（vue.cmd）。然后重新安装@vue/cli。问题2：*项“vue”未被识别为cmdlet、函数、脚本文件或可执行文件的名称。*解决方法：1.查看全局安装路径npmconfiglsprefix="C:\\ProgramUser\\nvm\\dev\\npm"2.将路径添加到环境变量中！[配置环境变量](/img/bVcM3Dk)2.创建项目3.复制业务代码，元项目src的内容到新的初始项目4.启动项目npmrunserve，安装缺少的依赖根据报错信息5.在Vue-cli4.x中使用sass/scss具体步骤6.在eslint中添加配置满足当前情况，不要修改业务代码报eslint错误7.报错：ESLintisdisabled因为它的执行还没有被批准或拒绝。使用灯泡菜单打开批准对话框。eslint解决方案8.Vue3不支持eventBus，所以官方推荐的方法是使用第三方库vue-happy-bus,mitt,tiny-emitter9.vue3.x修改端口号配置vue.config.js10。设置路径别名vue.config.js配置chainWebpack11。相对路径找不到对应的字体库路径，取了别名。使用@import导入时，需要在其前面加上~：@import"~assets/font/iconfont.css";不取别名时，直接导入：@import"../assets/font/iconfont.css";vue3relativepathimportimageerror:Theserelativemoduleswerenotfound:*./img/status-blue.svg路径取了别名，使用@import导入需要在前面加~时：url("~src/scss/img/status-blue.svg");不取别名时直接导入：@importurl("../img/status-blue.svg");[vue-cli4.x实现自动导入scss变量](https://www.cnblogs.com/kongbaifeiye/p/12149028.html)[参考官网配置](https://cli.vuejs.org/zh/guide/webpack.html#%E4%BF%AE%E6%94%B9-loader-%E9%80%89%E9%A1%B9)11.VueCompilerError:v-if/elseBranches必须使用唯一键。12.错误“export'default'(importedas'Vue')wasnotfoundin'vue'//vue2constapp=newVue({})import{createApp}from'vue'constapp=createApp(App)13.报错vuexcreateStoreisnotafunction14.报错VueCompilerError:v-if/elsebranchesmustuseuniquekeys如果在VUE3中手动提供key，那么每个分支都必须使用唯一的key，这是一个重大的改变在大多数情况下，您可以从官网删除这些密钥
