[Angular]——快速创建框架模板
Angular搭建模板框架
前言:网络不好,可以使用国内淘宝镜像。本模板的脚手架使用Ng Alain,本地环境需要安装 node 和 git。技术栈基于 Typescript、Angular、g2、@delon 和 ng-zorro-antd。
- 配置国内镜像:
打开终端,输入 npm config get registry 来查看当前地址
更改地址:npm config set registry https://registry.npm.taobao.org
安装(推荐CLI)
创建项目:ng new my-project --style less --routing
打开项目:cd my-project
安装脚手架:ng add ng-alain
运行:npm start
在安装脚手架时的提示
- 你愿意在谷歌的隐私政策下,与谷歌Angular团队分享这个项目的 匿名使用数据吗?
- 选择你想使用的默认语言
- 是否添加hmr插件
- 是否添加代码样式插件
- 是否添加动态模具(sf组件)插件
- 是否添加模拟数据插件
- 是否添加国际化插件
安装完成
- 账号输入admin/user
- 密码输入ng-alain.com
目录结构
NG-ALAIN 是一个标准的 Angular CLI 构建的项目,并提供了涵盖中后台开发的各类功能和坑位,下面是整个项目的目录结构。