Angular Bootstrap Nav Tree 项目教程
1. 项目的目录结构及介绍
angular-bootstrap-nav-tree/
├── dist/
│ ├── abn_tree_directive.js
│ └── abn_tree.css
├── src/
│ ├── ...
├── temp/
├── test/
├── .gitignore
├── Gruntfile.coffee
├── Gruntfile.js
├── LICENSE
├── README.md
├── bower.json
└── package.json
- dist/: 包含项目的核心文件,
abn_tree_directive.js
和abn_tree.css
。 - src/: 源代码目录,包含项目的开发源文件。
- temp/: 临时文件目录。
- test/: 测试文件目录。
- .gitignore: Git 忽略文件配置。
- Gruntfile.coffee 和 Gruntfile.js: Grunt 任务配置文件。
- LICENSE: 项目许可证文件。
- README.md: 项目说明文档。
- bower.json: Bower 包管理配置文件。
- package.json: npm 包管理配置文件。
2. 项目的启动文件介绍
项目的启动文件主要位于 dist/
目录下:
- abn_tree_directive.js: 核心指令文件,定义了树形导航的 AngularJS 指令。
- abn_tree.css: 样式文件,定义了树形导航的样式。
3. 项目的配置文件介绍
-
bower.json:
{ "name": "angular-bootstrap-nav-tree", "version": "0.2.0", "description": "A Tree Control for AngularJS using CSS animation and Bootstrap style", "main": ["dist/abn_tree_directive.js", "dist/abn_tree.css"], "licence": "MIT", "keywords": ["angularjs", "bootstrap", "tree", "widget"], "authors": ["Nick Perkins"], "homepage": "https://github.com/nickperkinslondon/angular-bootstrap-nav-tree", "repository": { "type": "git", "url": "git://github.com/nickperkinslondon/angular-bootstrap-nav-tree.git" }, "ignore": [ "src", "temp", "test", ".gitignore", "Gruntfile.coffee", "Gruntfile.js", "bower.json", "package.json", "README.md" ], "dependencies": { "angular": ">=1.0", "bootstrap": ">=2.3" } }
-
package.json:
{ "name": "angular-bootstrap-nav-tree", "version": "0.2.0", "description": "A Tree Control for AngularJS using CSS animation and Bootstrap style", "main": "dist/abn_tree_directive.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "repository": { "type": "git", "url": "git+https://github.com/nickperkinslondon/angular-bootstrap-nav-tree.git" }, "author": "Nick Perkins", "license": "MIT", "bugs": { "url": "https://github.com/nickperkinslondon/angular-bootstrap-nav-tree/issues" }, "homepage": "https://github.com/nickperkinslondon/angular-bootstrap-nav-tree#readme", "dependencies": { "angular": ">=1.0", "bootstrap": ">=2.3" } }
这两个配置文件分别用于 Bower 和 npm 包管理,定义了项目的依赖关系和基本信息。