《和小米一起学Vue.js》— Vue CLI项目结构

使用CLI脚手架新建的项目是一个完整的VUE项目，他会根据创建时的参数自动新建一个标准项目需要的所有文件。

下面就是一个标准项目的所有文件结构

文件夹 

node_modules => 保存node相关文件  
public => 静态资源文件夹  
src => 源代码文件夹  

public文件夹用来放置 index.html 等静态资源文件,任何放置在 public 文件夹的静态资源都会被简单的复制，而不经过 webpack。你需要通过绝对路径来引用它们。

当你需要在构建输出中指定一个文件的名字，有上千个图片，需要动态引用它们的路径。有些库可能和 webpack 不兼容，这时你除了将其用一个独立的 <script> 标签引入没有别的选择的时候，你就需要使用到public文件夹。

对于js和css这类可以被webpack更好处理的文件，推荐放到src文件夹里。

由于public文件夹内的文件需要使用绝对路径，所以，需要增加 publicPath 配置，来确定绝对项目路径。

文件 

.browserslistrc => 最低适配浏览器配置文件  
.gitignore => git同步忽略文件配置  
babel.config.js => 当前项目维度配置文件 
jsconfig.json => JS脚本参数配置文件  
package.json => 包管理配置文件  
package-lock.json => 真是安装包配置文件  
README.md => 说明文件  
vue.config.js => 项目配置文件