Vue开发规范——目录结构

1. /dist——打包之后的文件夹，此文件夹被发布到真正的服务器上，项目完成之后，执行npm run build会形成此文件夹

2. /public——此目录下的文件并不会被Webpack处理，它们会直接被复制到最终的打包目录，即/dist下，此文件夹里存放一些不会变动的文件，比如项目运行在浏览器时显示的小图标

3. /node_modules——保存npm加载的项目依赖模块，即第三方包所存放的目录，使用npm install可以下载

4. /src——存放源代码

   • /src/api——接口文件目录，即连接服务器接口时所写代码的存放目录
   • /src/assets——存放项目所包含的图片以及css样式，为了结构更加清晰，通常又创建img文件夹和css文件夹，分别来存放图片和样式
   • /src/components——公共组件目录，存放项目里所包含的公共组件
   • /src/router——路由文件，在/src/router文件夹里创建router.js文件，设置路由映射关系
   • /src/store——VueX所存放的目录，用来定义全局数据
   • /src/utils——公共函数文件目录，用来保存一些js文件
   • /src/views——视图组件，包含项目里所包含的一些详细的组件，但又不是公用的组件

5. main.js——入口文件，初始化vue实例并使用需要的插件

6. App.vue——主组件，所有页面都是在App.vue下进行切换的