使用 Angular 8 建立前端專案

環境需求

Node.js 10.9.0 或更高版本

安裝 Angular CLI

npm install -g @angular/cli

建立專案

ng new la-manage # 接下來的選擇，我都是預設

安裝Ant Design UI

cd la-manage
ng add ng-zorro-antd

選項

? Add icon assets [ Detail: https://ng.ant.design/components/icon/en ] Yes
? Set up custom theme file [ Detail: https://ng.ant.design/docs/customize-theme/en ] Yes
? Choose your locale code: zh_CN
? Choose template to create project: blank

修改environment

我們需要在環境配置增加一些常量，比如請求API的base url

environment.prod.ts對應的是正式環境

environment.ts 對應的是開發環境

執行 npm start 瀏覽器開啟http://localhost:4200就能看到成功頁面了

原始碼

https://github.com/donjan-deng/la-manage

部落格：《PHP 微服務練兵》系列教程

本作品採用《CC 協議》，轉載必須註明作者和本文連結