一个Vue项目 目录里的每一个 文件夹 都是干什么的？ #目录 #结构 #目录意义

因为觉得react的设计哲学不太对我的口味，转到vue玩玩，初始化一个vue项目之后（用vue create/ vue init 都可以）
我们得到的项目目录是这样的：

1. build

   1. build.js > 生产环境构建脚本
   2. check-versions.js > 用来检查npm，node.js版本
   3. utils.js > vue开发环境的webpack相关配置文件
   4. vue-loader.conf.js > 配置了css加载器以及编译css之后自动添加前缀
   5. webpack.*.conf > webpack的各种配置

2. config

   1. dev.env.js > 开发环境的各种变量设置
   2. 项目的配置文件
   3. prod.env.js > 生产环境的各种变量设置

3. node_modules

   1. 这个不用多说了吧，npm各种模块都在这

4. src 开发目录

   1. assets > 资源目录，放各种资源，这个目录下的资源会被webpack构建
   2. components > 组件目录，放组件s
   3. router > 前端路由，路由配置就在index.js里面写
   4. App.vue > 根组件，页面会把这个组件加载到Dom树上
   5. main.js > 入口js文件

5. static

   1. 静态资源，这个目录下面的资源不会被webpack构建
6. index.html > 首页入口文件
7. package.json > npm包配置文件，里面写项目的各种npm脚本，依赖包等信息
8. README.md > 说明文档
9. .xxxx > 各种工具、语法的配置文件

以上~ 遇到不知道该去哪里修改，或者不知道文件放哪里的时候，就回来看看吧~