前提
1、git配置好，參見博文 git常用操作
2、angular2安裝配置好，這個網上有很多教程，就不多說了,參見angular2快速起步
需要注意的是，大部分問題都是網路問題。
3、新建乙個ng專案
假設在乙個目錄 document/angular2/目錄下
3.1 新建乙個terminal視窗
3.2 ng new wjwng2 新建乙個ng專案。
3.3 cd wjwng2 切換到該目錄下
4、配置git
4.1 刪除 .git 資料夾 和 .gitignore 檔案 這步一定要做。原來的.git 和 .gitignore是建立專案，npm幫我們管理的。如果放任不管會出很過問題。刪除後可以git init 初始化倉庫。正確安裝git 這步一般都會成功。然後 git add -a 新增檔案到git ,git commit -m "init wjwng2" 提交所有**到本地倉庫。如果有不需要提交的可以 自己新建乙個》.gitingore檔案，把不需要同步的檔名放進去。
4.2 在github 上新建乙個倉庫。參見git常用操作。假設你新建乙個wjwdive/wjwng2的倉庫。主要新建的倉庫，如果你預設新增了readme.md檔案。有可能在以下步驟會出錯。建議建立新的倉庫不要帶readme.md。如果勾選了，並且初始化了一些資料參見4.4.
4.3 如果4.2步驟中沒有新增readme.md。
在terminal中，
輸入命令 git remote add [email protected]:username/reporsityname.git 配置將要遠端連線的倉庫。成功後 在.git 資料夾下的gitconfig檔案中看到：類似
[remote "origin"]
url = [email protected]:wjwdive/wjwng2.git
fetch = +refs/heads/*:refs/remotes/origin/*
的文字表示配置成功 當然你可以手動配置。
git pull origin master 把主分支的版本拉下來。
git push origin master 把**上傳。
4.4 如果原來遠端倉庫有 readme.md 則需要將4.3中的第二個命令 git pull origin master 改為 git pull --rebase origin master. 這個命令也是有前提的，和其他遠端git命令一樣，必須保證倉庫是乾淨的。沒有刪除的，多餘的，不被git管理的垃圾檔案。可以用 git status ,如果 全部是綠色提示，即倉庫 clean，就可以使用git pull --rebase origin master， 否則按照git 提示解決倉庫混亂的問題，直到git status 提示 倉庫乾淨，log裡沒有紅色字型，之後綠色字型。 最後就可以 git push -u origin master 提交本地**到github了。
總結，用ng new 出來的專案自帶 .git 資料夾 和 .gitignore檔案，最好刪除從新初始化倉庫。否則各種麻煩。
angular2新建元件
1,使用 ng g c hello 建立乙個新的元件 它建立了4個檔案，並更新了 如果想訪問這個元件，只需要新增它的路由 成功訪問這個元件 import語句定義了我們需要用到的哪些模組，import 語句的結構 import from wherever.這種寫法叫解構。解構是 es6和 typesc...
使用Angular2建立專案
使用 light bootstrap dashboard angular cli 前端框架 bs3 angular2 ide vs code 執行 ng serve 後，開啟本地伺服器，最妙的是，在vscode中修改 直接在瀏覽器中反應變化。於是遇到第乙個坑，頁面一直在loading。還有記得看 控...
angular2 發布angular2模組，服務
上回說到了如何利用npm包管理器發布自己的包，這次咱們就來個實踐。1 寫好自己的元件 2 利用npm發布自己的元件 3 使用包 基於angular2的架構，一般都需要下列檔案 html檔案，css檔案，component檔案，module檔案。component檔案內容 import區域 impor...