vue.js项目目录结构详解

1、 build文件夹：webpack相关配置文件，一般情况下不需要自己配置

1.1 build.js：是我们完成项目之后需要运行的， 可以将我们的项目文件打包成静态文件，存放在项目根目录的dist文件夹中（现在目录里还没有这个文件夹，build的时候会自动生成）。

1.2 check-versions.js：主要是检查一些所依赖的工具的版本是否适用，如nodejs、npm，若版本太低则会提示出来。

1.3 logo.png：存放的是vuelogo图片。

1.4 utils.js：提供工具函数，包括生成处理各种样式语言的loader，获取资源文件存放路径的工具函数。

1.5 vue-loader.conf.js： 引入了utils.js ，应该是用于切换开发模式和生产模式的文件，以便于用不同模式来解析loader。
　　
1.6 webpack.base.conf.js：此配置文件是vue开发环境的wepack相关配置文件，主要用来处理各种文件的配置。
1.7 webpack.dev.conf.js：在webpack.base.conf的基础上增加完善了开发环境下面的配置。
1.8 webpack.prod.conf.js：构建的时候用到的webpack配置来自webpack.prod.conf.js，该配置同样是在webpack.base.conf基础上的进一步完善。

2、config文件夹：vue基本配置文件，可配置端口号，打包输出等

2.1 index.js：描述了开发和构建两种环境下的配置。
2.2 dev.env.js，prod.env.js，test.env.js：三个文件简单设置了环境变量。
　　
3、node_modulues文件夹：项目的安装依赖包，也就是运行cnpm.install安装的依赖组件都在这里

4、src文件夹：开发项目的源码，项目核心文件，自己写的代码基本都放在这里面
4.1 assets文件夹：主要存放一些静态图片资源的目录。
4.2 components文件夹：这里存放的是开发需要的的各种组件，各个组件联系在一起组成一个完整的项目。
4.3 router文件夹：存放了项目路由文件。
4.4 App.vue：是项目主组件，也是项目所有组件和路由的出口，之后它会被渲染到项目根目录的 index.html 中显示出来，我们可以在这里写一些适合全局的css样式。
4.5 main.js：入口文件，引入了vue模块和app.vue组件以及路由router，我们需要在全局使用的一些东西也可以定义在这里面。

5、static文件夹：存放的是项目的静态文件，用于存放需要使用的一些外部的js、css文件，需要使用的时候从这里引到文件内。

6、.babelrc：ES6解析的配置

7、.editorconfig：代码格式

8、.gitignore：git上传需要忽略的文件配置

9、postcssrc.js：转换css的工具

10、index.html：单页面的入口，通过webpack的打包构建之后，会对src源码进行编译，最终把它们插入到html里面来。项目文件入口

11、 package.json：项目基本信息及项目依赖关系，告诉我们项目的信息（版本号、项目姓名、依赖）

12、package-lock.json：是新版本node支持的文件，在执行npm install时，先读取package.json中的依赖，再读取package-lock.json中的版本号，从而来决定安装和更新。

13、README.md：项目说明