使用 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 协议》，转载必须注明作者和本文链接