AngularJS构建单页面应用WebApp目录介绍

首先我介绍一下项目主目录：
.git仓库
bower_components，是bower安装第三方依赖的时候，它默认的安装路径
build，就是我们构建代码src编译之后放到的路径
dist，产品发布的目录，虽然我调试的时候代码经过编译，但是没有经过压缩，就是方便我们调试问题，但是上线发布产品的话，肯定要进行压缩以实现体积最小化
node_modules node安装插件的时候默认的安装目录
src，源码所存放的目录，src压缩的时候会发布两个版本，第一个是build版本,用于调试；第二个是dist版本，用于部署发布；
test ，存放单元测试和集成测试的代码
.eslintrc,是eslintrc的配置文件, eslintrc是用来校验JS语法风格的以及是否符合配置文件的要求
.gitignore，git的忽略文件
bower.json，bower的配置文件
gulpfile.js , gulp的配置文件
package.json，node的配置文件
README.md,项目自带的，基本上用不到

---

我们再详细讲解一下src下的目录

data 文件夹用于存放假数据,为了方便前后端分离开发，用假数据来模拟http请求
image
script 是JS的存放目录,script里面所有的文件最后都会被整合压缩到一个文件,只有一个脚本
- config ，一般启动的时候，我们会放一些配置，配置就放在config目录下
- controller ，AngularJS控制器
- directive ，AngularJS指令
- filter ，AngularJS过滤器
- service ，AngularJS服务
- app.js ，用来启动程序，整个脚本的入口,app.js启动的时候读取config信息，然后按照页面加载controller,directive,filter,service
style
view
index.html

style和view文件夹

style，用到的是样式文件，用的是less
view文件夹下存放的是html文件
index.html和404.html两个文件不是存放在view文件下，而是存放在根目录下;
index.html和404.html两个是真正页面的入口，其他的都是html的片段,用来替换index.html或者404.index下的DOM元素。

data目录当连上后端服务器时，可以不需要.

---

完整的目录结构