1. 程式人生 > >構建Angular4項目小結

構建Angular4項目小結

項目 配置 ins 目錄 比較 lar 手寫 spa 框架

1.angular4的優點

angular是一個比較完善的前端MVC框架,包含了模板,數據雙向綁定,路由,服務,過濾器,依賴註入等等所有的功能,基本上只要你做web開發,angular都會提供一個,換句話說,相對於一些其它的只關註前端某一方面的框架來說,學習angluar這麽一個框架,往框架裏填東西,基本上可以搞定前端開發的所有問題。

2.全新的命令行工具Angular CLI

angular官方開發團隊提供的一個命令行工具,可以生成一個新項目的骨架,或者生成我們需要的組件的基礎代碼,或者做為一個開發調試服務器構建部署運行我們的代碼,自動化的單元測試等等。

3.搭建angular開發環境

#全局安裝 Angular CLI (可以例用 ng -v 查看安裝的版本信息)
npm install -g @angular/cli

4.創建項目

ng new myApp 
如果在後面加上 --routing參數,會在app目錄下面多出來一個路由配置app-routing.module.ts文件,同時在app.module.ts文件中自動引入生成的路由配置文件,同時在app.component.html中引入<router-outlet></router-outlet>(註意本項目生成時沒用這個參數,後面咱們是手寫的,便於學習)

5.啟動開發服務器

cd myApp
ng serve --open

 

構建Angular4項目小結