- 搭建開發(fā)環(huán)境:構(gòu)建工具、包管理工具钞澳、編譯工具蛉抓、調(diào)試管理工具
** angularJS涉及的基本概念 **
1.module:
2.directive:將HTML和數(shù)據(jù)進(jìn)行綁定
3.表達(dá)式
4.service:相當(dāng)于一段共有的代碼邏輯
5.injector
6.依賴注入
7.模型
8.filter:對數(shù)據(jù)進(jìn)行過濾
9.數(shù)據(jù)綁定
10.$scope
11.controller:相當(dāng)于私有的代碼邏輯
12.view
路由模塊:監(jiān)聽瀏覽器的哈希值變化凯肋,來加載不同的HTML文件(視圖層);
控制器組件和view之間形成MVC模型叹话,
- angularJS的調(diào)試工具之 : batarang
1.主要功能:查看作用域(某個DOM對象的相關(guān)屬性和信息)、輸出調(diào)試信息墩瞳、性能監(jiān)控(performence)
2.原因驼壶;angular的數(shù)據(jù)模型都是建立在$scope這個作用域上的,一旦它內(nèi)部發(fā)生錯誤在控制臺是不會檢測到錯誤信息喉酌,所以安裝這個插件工具之后就能很方法的查看$scope上的數(shù)據(jù)信息热凹,方便調(diào)試和監(jiān)控泵喘; - angularJS的依賴管理工具之 : bower
安裝bower:npm(或者cnpm) i -g bower
常用命令:
bower init:創(chuàng)建也bower的配置文件
bower install:安裝 bower install --save 安裝文件名#版本號
bower uninstall:卸載第三方依賴
配置文件:
bower.json:記錄了初始化的bower的信息和需要管理的第三方依賴(一個文檔用來記錄了當(dāng)前需要管理的依賴包)切換版本(比如在PC端考慮到IE的兼容性一般使用1.2的版本): bower install --save 安裝文件名#版本號,此時bower就會自動幫我們從git庫中拉去對應(yīng)的本版本到我們本地般妙;使用--save的包才會被記錄到.json文件中纪铺;
.bowerrc:修改安裝目錄(通過bower下載的包的安裝默認(rèn)是在bower/component),該文件的配置可以修改安裝的路徑碟渺;(創(chuàng)建文件,在命令行中鍵入null>.bowerrc就會創(chuàng)建一個空的.bowerrc.(不通過命名行是不能創(chuàng)建一個.開頭的文件)鲜锚,該文件也應(yīng)該是一個json格式的文件!!)文件中指定的文件夾路徑它會自動按照文件中設(shè)置的文件名創(chuàng)建好,無須單獨創(chuàng)建
{
"directory":"lib",
"json":""
}
問題
問題1:剛開始只是設(shè)置了一個路徑但是沒有寫明json,結(jié)果報錯苫拍,添加上之后就能正常拉去依賴包芜繁,暫時還沒去查明白是為什么
問題2:uninstall安裝包之后,并沒有從json文件的dependencies中刪除..該包的記錄
注意點
1..實際開發(fā)中不要直接在主分支上開發(fā)绒极,最好是根據(jù)不不同的功能模塊在不同的分支上開發(fā)骏令,
2.在cmd命令中路徑要使用/而不是\,因為命令行使用的是lunix系統(tǒng)