序

對後端開發來說，前端是神祕的，眼花繚亂的技術，繁多的框架，出名的不出名的好幾百種，看是“繁榮”，其實顯得雜亂無章，但是我們在做開發的時候，技術選型還是主流的那麼幾個：淺析angular，react，vue.js Node.js。

node

官網：https://nodejs.org/
nodejs不是一個js框架，千萬不要認為是類似jquery的框架，nodejs是js執行時，執行環境，類比java中jvm。做前端的沒用過nodejs都不好意思說自己是前端。nodejs是和jvm同等地位的js執行環境，打開了前端人員走向後端的道路。

react.js

官網：http://facebook.github.io/react/

angular.js

官網：http://www.apjs.net/
angular是一款優秀的前端JS框架，已經被用於Google的多款產品當中。AngularJS有著諸多特性，最為核心的是：MVC、模組化、自動化雙向資料繫結、語義化標籤、依賴注入等等。因為背靠google也收到了開發者的推崇。

概念與區別

本人也在React與Angular兩大體系裡糾結了好久，還使用React Native做了幾個UI，彷徨於兩大前端框架之前。
React缺點：
1. Web Componet的MVC分離不夠徹底。 JSX描述的頁面模板與JS程式碼沒有辦法完全分開。
無法接受程式碼的同時還夾個HTML程式碼這樣原始的方式。
2. 對UI的描述自成一體，而不是採用CSS或者SCSS。
3. 資料的傳遞不夠直接還有一堆亂七八槽的屬性
4. Android與IOS的程式碼不夠一致
5. 核心太小，一堆補充的庫
Angular2的優點：
1、推薦TypeScript而不是原生的Javascript
2、類庫特別多，概念也是特別多
3、體量大
4、成熟度相對偏低，版本2才剛釋出
5、不相容1.x
6、Router還不成熟
綜合以上我最終決定選擇Angular2作為我前端開發的首選框架。
同時還有以下幾個Bonus：
1. 配置nativescript寫原生應用，並且nativescript支援css子集，這一點比react要強一些，可以更小的降低學習成本與維護成本。
2. 有官方的UI方案Material Design供選擇
3. 官工具鏈相對於React要成熟 有angular-cli這個便利化的工具，並提供E2E的測試，用以方便測試，並保證專案的質量。
4. 維護團隊強大
來看一張圖：

Angular2快速安裝與入門

安裝angular-cli

npm install -g angular-cli

建立專案

ng new PROJECT_NAMEcd PROJECT_NAMEng serve

就這麼 簡單，這時候你的專案已經執行起來了。

我們看一下專案結構

然後開啟localhost:4200就可以檢視效果了。
附：angular-cli的教程與原始碼地址