简单说下吧
1. dist 打包后的文件存放 当你完成开发后，将此目录下的文件上到服务器就ok ps:（服务器配置）我的路由是history,服务器是ngix，配置location / { try_files $uri $uri/ /index.html; } 更多详情请看官网
2.src 我们做项目主要实用的目录：
api:自定义目录，放一些自定义配置文件（例如axios交互配置）
assets: 放置一些需要编译的scss文件 （例如全局的scss）
component：这里是我们所有的vue文件和js文件，我又分为（page、common、utils、xx(组件类)）
page：各个页面的vue文件
common：放一些类似header,siderbar等各个页面都需要的vue组件
utils：放一些自定义的js配置文件（例如loading、封的公共方法）
xx（组件类）：此类目录不限，各个类型的组件放不同的目录（例如我的echarts目录叫做charts--pie.vue、line.vue...）
router：路由配置目录
store：vuex的store存储配置目录
App.vue：主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。
main.js：入口文件，主要作用是初始化vue实例并使用需要的插件。
3. static 静态文件放置 因为这个文件夹是不会被编译的
放置图片，引用的样式表css或者字体文件
4. index.html 这个其实就是我们的页面。。。可以配置ico（网页title的小图标）
具体想了解ico设置，点这里
5.package.json 这个是npm的配置文件，里面设定了脚本以及项目依赖的库 每次我们可以去里面查安装了什么（有时候拉了别人代码，修改了pakeage.json,记得npm install哦）