[Angular]——快速创建框架模板

Angular搭建模板框架

前言:网络不好,可以使用国内淘宝镜像。本模板的脚手架使用Ng Alain,本地环境需要安装 node 和 git。技术栈基于 TypescriptAngularg2、@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]——快速创建框架模板

  • 你愿意在谷歌的隐私政策下,与谷歌Angular团队分享这个项目的 匿名使用数据吗?
  • 选择你想使用的默认语言
  • 是否添加hmr插件
  • 是否添加代码样式插件
  • 是否添加动态模具(sf组件)插件
  • 是否添加模拟数据插件
  • 是否添加国际化插件

安装完成[Angular]——快速创建框架模板

  • 账号输入admin/user
  • 密码输入ng-alain.com
    [Angular]——快速创建框架模板

目录结构

NG-ALAIN 是一个标准的 Angular CLI 构建的项目,并提供了涵盖中后台开发的各类功能和坑位,下面是整个项目的目录结构。

[Angular]——快速创建框架模板