vue/cli4.5 + vue-router4.0 + element-plus 搭建后台管理系统（一）

前言：本教程教你从0搭建 vue/cli4.5 + vue-router4.0  + elementuiPlus  后台管理系统

功能：用户管理，权限配置，图表基本功能

准备工作：请先下载安装node，node官网

npm install -g @vue/cli;//安装最新版本vue-cli脚手架
npm install --save-dev webpack //webpack 安装

//cmd 或者自己用的顺手的工具检查vue是否安装成功
vue-V //出现版本号即vue安装完成


vue create 项目名称  // 回车，创建项目

因为我电脑里2.0，3.0，4.0版本都装了，设置的是不同的命令，现在使用的是4.0搭建项目，如果你也想同时装多个vue版本cli，请自行google

这里选择你之前设置过的方式创建项目，也可以选择Manually select features自行选择需要的配置，我这里选择手动配置，根据情况选择需要的配置即可，选择这些基本上就差不多了，当然你也可以根据自己需求增加其他配置，也可以在开发过程中添加

  

回车，下一步，这里询问是使用2.0版本还是3.0，当然选择3.0版本开发了

回车，下一步，路由模式为 history ？

y，回车，下一步，选择css预处理器，选择node-sass  ，或者选自己常用的都行

回车，代码格式化工具，选择一个回车

..browserslistrc 配置是选择独立文件还是package.json配置

是否将本次配置保存，方便下次直接使用本次配置创建项目，如果是则需要设置名称

回车

项目创建完成，cd 项目名称，进入项目目录，npm run serve 运行项目，项目创建完成

效果