三大前端項目就剩angular沒學了，在網上找了幾個教程，這里總結一下，方便以后用到時查閱

創建項目

首先安裝cli工具

npm install -g @angular/cli

創建一個空項目, 有兩處要選擇的，一個是路由，我這里是要路由的，還有一個開發css的語言，我這里選擇scss，就不截圖了，選完后會自動通過yarn安裝依賴，稍等一會就好了

ng new pybbs-front-angular

創建好了，運行 npm run start 或者 ng serve 啟動服務，然后就可以在瀏覽器里打開 http://localhost:4200/ 地址查看啟動后的首頁了

創建組件

命令 ng g component user 執行完后，會在 src/app 目錄下生成一個user的文件夾，里面有四個文件

如果想把組件都放在一個文件夾里管理，也可以在創建的時候加上一個文件夾名字，比如把所有的組件都放在 components 文件夾里，命令就是這樣的 ng g component components/user

使用命令創建組件有個好處就是cli會自動把這個組件引入到 src/app/app.module.ts 文件里，這樣直接在其它文件里使用 src/app/user/user.component.ts里定義的selector,一般這個名字都是 app-xxx 后面xxx就是這個模塊的名字，比如這里的user模塊，就是 app-user

生命周期

angular的生命周期有很多，看下下圖

這里只介紹二個

創建服務

命令 ng g service user 執行完后，cli會自動創建兩個文件在 src/app/user 文件夾里

如果想把服務也都放在一個文件夾里管理，可以在命令上加上一個服務的文件夾名字，如 ng g service services/user