vue后台管理系统项目标准完整的目录开发架构

vue-cli@3.x 之前的版本构建的项目目录：

vue-cli@3.x 之后的版本构建的项目目录：

两者区别：

安装创建命令：

3.x版本以前：

npm i -g vue-cli

vue init webpack project

3.x版本以后：

npm install -g @vue/cli

vue create project

区别1: 下载npm包的包名变化。 vue-cli ==> @vue/cli。
区别2: 生成的vue项目目录的命名改变，同时生成的目录结构，也隐藏了webpack配置文件，及新增一些.env.xxx配置文件来设置相关环境变量。

区别1详解： npm发布了新的包命名规则。具体请查看npm包命名规则变更
区别2详解： vue-cli将webpack配置的细节隐藏。需要自己创建vue.config.js来配置。具体请查看配置文档

注意：里面的部分文件夹可根据自己项目需求进行删减（比如lang，icons，mock，vendor这些文件夹），vendor文件夹用来存放第三方提供的功能插件等。static文件夹下一般放一些静态资源（比如静态资源图片等）。