Vue项目详细结构

build

  ---index.js  webpack配置文件【很少修改这个文件】

mock

  ---mock数据的文件夹 模拟一些假的数据mock.js实现的，因为实际开发的时候，利用的是真实接口

node_modules

  ---项目依赖的模块

public

  ---ico图标，静态页面 public文件夹里面经常放置一些静态资源，而且在项目打包的时候webpack不会编译这个文件夹，原封不动的打包到dist文件夹里面

src

  ---程序员源代码的地方
  ---api文件夹：涉及请求相关的
  ---assets文件夹：里面放置一些静态资源（一般共享的），放在assets文件夹里面静态资源，在webpack打包的时候，会进行编译
  ---components文件夹：一般放置非路由组件或者全局组件
  ---icons文件夹：放置了一些svg矢量图
  ---router文件夹：与路由相关的
  ---store文件夹：一定是与vuex相关的
  ---style文件夹：与样式相关的
  ---utils文件夹：request.js是axios二次封装文件
  ---views文件夹：里面放置的是路由组件
  ---App.vue：根组件
  ---main.js：入口文件
  ---permission.js:与导航守卫相关
  ---settings:项目的配置项文件

.env.development
.env.production
.env.staging:process.env拿到开发环境