vue目录详解

1. build文件夹：打包配置的文件夹

2. config文件夹：打包的配置，webpack对应的配置

3. src文件夹：开发项目的源码

4. App.vue ： 入口组件 :项目入口文件，页面级vue组件 

5. static文件夹：静态资源，图片

6. .babelrc：ES6解析的配置

7. .gitignore：忽略某个或一组文件git提交的一个配置

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

9. package.json：基础配置，告诉我们项目的信息（版本号、项目姓名、依赖）

10. node_modulues：项目的安装依赖

 

main.js:项目核心文件 这个里边是自己写的所有 内容 组件都会import到这  然而他会被html主文件使用

我再开发的时候一般都是以App.vue作为一个大组件 小组件都会放到component中 

 

组件化

整个应用通过 vue 组件的方式搭建起来，通过 vue-router 控制相应组件的展现，组件树结构如下：

app.vue 根组件（整个应用只有一个）
├──view1.vue 页面级组件，放在 views 目录里面，有子组件时，可以建立子目录
│ ├──component1.vue 功能组件，公用的放在 components 目录，否则放在 views 子目录
│ ├──component2.vue
│ └──component3.vue
├──view2.vue
│ ├──component1.vue
│ └──component4.vue
└──view3.vue
├──component5.vue
……

组件化思想就是这样的结构 所有的东西不是能不能写出来 而是对于以后能不能方便看出结构 

 

https://www.cnblogs.com/nangxi/p/7307080.html理解最基本结构