介绍

什么是NG-YUNZAI

NG-YUNZAI 是一个企业级中后台前端/设计解决方案脚手架，我们秉承 Ant Design 的设计价值观，目标也非常简单，希望在Angular上面开发企业后台更简单、更快速。随着『设计者』的不断反馈，将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。

环境搭建

Angular 开发环境至少需要安装 Node.js(Node.js 内置了 npm 无须单独安装）、VSCode编辑器，其中 Node.js 建议安装 LTS 版本，安装完成后可以通过终端窗口中运行：

node -v # 查看 Node.js 当前版本
npm -v # 查看 Npm 当前版本

Npm 默认从国外源来下载包信息，鉴于国内环境因素，在开始下一步前先安装 nnrm 并切换至淘宝镜像：

# 安装 nnrm
npm install -g nnrm
# 将Npm切换至淘宝源（不同 npm 源管理器命令有点不一样，更多细节请参考 nnrm 文档）
nnrm use taobao

安装

全局AngularCli

安装之前请先确保本地已经安装全局 Angular Cli，只有这样才能随时随地在终端使用 ng 命令，可以通过终端窗口中运行：

npm install -g @angular/cli

创建NG-YUNZAI项目

NG-YUNZAI 必须先创建一个全新的 Angular 项目，可以通过终端窗口中运行：

ng new my-project --style less --routing
cd my-project
# 或多重项目
ng new my-workspace --no-create-application
cd my-workspace
ng g application mgr --style less --routing

如果你想了解 --style、--routing 参数，请参考 ng new 文档。

接下来只需要将 NG-YUNZAI 添加到 my-project 项目中即可，在 my-project 目录下通过终端窗口中运行：

ng add ng-yunzai

若多重项目时，需要提供具体的项目名称。

NG-YUNZAI 会询问是否需要一些额外的插件，一开始完全可以一路回车，这些插件都是可插拔，后期可以自行添加与移除。

以上只会生成干净的项目，可以直接用于生产环境中。你可能在预览上看到许多示例页，它们全都可以在 Github 查看到源代码，当然也可以通过 Git 克隆代码的形式获得：
git clone --depth=1 https://github.com/hbyunzai/ng-yunzai.git my-project
cd my-project
npm install