複習
Node Node.js — 類似一個操作系統
- 一個JS的運行環境
- 主要用於開發Web應用程序（回想登陸的例子）
- 很多的前端開發工具都是基於node這個平臺
- 所用的工具就相當於一些軟件
NVM （可選的）
- Node Version Manager(Node的版本管理工具)
- 因爲node的版本比較多，很多時候我們可能依賴多個版本，並要求自由切換
- 使用
- nvm use [對應的版本號] [平臺架構（如果是32系統需要寫32,64位不用管）]
- nvm install [arch] 安裝
- nvm uninstall 卸載
- nvm list 查看已經安裝版本
- 官網
- https://github.com/coreybutler/nvm-windows
NPM
- node package manager(node的包管理工具)
- npm管理包非常方便，我們只需要記住使用哪個包就可以了
- 使用
- npm install xxx
- 安裝一個包到項目本地，必須要聯網
安裝完成過後項目根目錄下會多一個node_modules文件夾，所有的下載下來的包全部在裏面
由於需要記錄項目依賴哪些東西，所以需要一個配置文件“package.json”，可以通過npm init命令生成
以後安裝包的時候將其–save
–save就是將我們安裝的包名字和包版本記錄到配置文件中的dependencies節點中
- –save-dev
項目依賴分兩種，一個就是普通的項目依賴比如bootstrap，還用一種只是開發階段需要用的，這種屬於開發依賴比如gulp，開發依賴最終記錄在devDependencies節點裏面
npm uninstall xxx –save
npm install xxx -g(全局安裝包)
- 如果你安裝的是一個工具，工具要在每一個地方都能用，這種情況下一般全局安裝。
Bower
- Web sites are made of lots of things — frameworks, libraries, assets, and utilities. Bower manages all these things for you.
- Bower就是用來管理項目中所有的依賴，主要用於Web頁面開發時使用的包管理，比如jquery，bootstrap
-
重複的輪子太多，抓住輪子與輪子之間的共性
Gulp FIS3
msi - microsoft installer 微軟安裝器
GIT
什麼是GIT
- 是一個源代碼管理工具
- 在一個項目中，凡是由開發人員編寫的都算是源代碼
- 源代碼有必要管理起來？
- 讓源代碼可以被追溯，主要記錄每次變更了什麼，誰主導這次變化
- 人爲的維護比較麻煩，
- GIT是Linux之父當年爲了維護管理Linux的源代碼寫的一個工具
Git 之前 很多使用 svn vss tfs hs ……
安裝GIT
- git命令行工具
- 基於git命令行的一個客戶端軟件（提供一個界面去管理源代碼）
GIT命令操作
- 初始化一個本地GIT倉儲
cd 當前項目目錄
git init // 初始化一個本地的倉庫就是在本地文件夾中添加了一個.git的文件夾用於記錄所有的項目變更信息
- 查看本地倉儲的變更狀態
git status
用於查看本地倉儲的狀態
第一次查看，顯示的是一坨沒有被跟蹤的文件
git status -s // -s 是輸出簡要的變更日誌
- 添加本地暫存（託管）文件
git add
可以將一個沒有被跟蹤的文件添加到跟蹤列表
類似於node_modules這種性質的文件是不應該被跟蹤
- 添加本地GIT忽略清單文件
在代碼庫文件夾的根目錄添加一個.gitignore文件
此文件用於說明忽略的文件有哪些
- 提交被託管的文件變化到本地倉儲
git commit
將本地的變化提交的本地的倉庫文件夾歸檔
一般在有了一個小單元的整體變化後再提交
- 對比差異
git diff
可以用於對比當前狀態和版本庫中狀態的變化
- 提交日誌
git log
可以查看提交日誌
- 迴歸到指定版本
git reset –hard
爲倉儲添加遠端（服務器端）地址
將本地倉儲的提交記錄推送到遠端的master分支
拉取遠端master分支的更新記錄到本地
迴歸到指定版本
GITHUB基本使用
- GITHUB是一個GIT服務的提供商，
- 提出社交化編程
http://zoomzhao.github.io/code-guide/
https://github.com/jobbole/awesome-javascript-cn
https://github.com/jobbole/awesome-css-cn
- GIT分支
Angular入門
簡介
- 知識儲備
- 什麼是Angular
- 快速構建Web應用程序
- 單頁面應用程序
- Angular的特性
- 爲什麼要用Angular
- 讓Web應用程序開發更簡單，更快捷
- 帶領前端進入MV*的時代
開始使用
- 引用Angular
- 下載
- bower
- npm
- 基本使用