《Erupt Web 项目安装与配置指南》

《Erupt Web 项目安装与配置指南》

erupt-web Erupt 框架前端源码，实现了 erupt 开发过程中零前端代码能力 项目地址: https://gitcode.com/gh_mirrors/er/erupt-web

1. 项目基础介绍

Erupt Web 是 Erupt 框架的前端源码，它通过 JSON Schema 自动构建表单，实现了 Erupt 零前端代码能力。这个项目旨在简化后台管理系统的开发过程，让开发者能够更加专注于业务逻辑的实现，而不是繁杂的前端代码编写。

2. 项目主要编程语言

该项目主要使用以下编程语言和技术：

• TypeScript：JavaScript 的超集，增加了静态类型检查等特性。
• JavaScript：网页的脚本语言，用于实现动态效果和用户交互。
• HTML：网页结构的标准标记语言。
• CSS：用于网页布局和样式设计的语言。
• Less：CSS 的预处理器，提供了变量、混合、函数等高级功能。

3. 关键技术和框架

• Angular：一个由谷歌维护的开源Web应用框架，用于单页应用（SPA）的开发。
• ng-zorro-antd：基于 Ant Design 的 Angular UI 库，提供了一套丰富的 UI 组件。
• ng-alain：一个基于 Angular 和 ng-zorro-antd 的后台管理框架。
• RxJS：一个用于在 JavaScript 中编写异步和基于事件的程序的库。
• Less：CSS 预处理器，使得 CSS 编写更高效。

4. 准备工作

在开始安装和配置项目之前，请确保你的开发环境中已经安装以下软件：

• Node.js：版本 16.14.0 或更高版本。
• npm：Node.js 的包管理器。
• Angular CLI：Angular 的命令行工具。

5. 安装步骤

步骤 1：克隆项目

首先，你需要克隆项目到本地：

git clone https://github.com/erupts/erupt-web.git

步骤 2：安装依赖

进入项目目录，安装项目依赖：

cd erupt-web
npm install

或者，如果你想使用 yarn 作为包管理器，可以执行以下命令：

yarn install

步骤 3：修改服务端地址

在项目目录中，找到 proxy.config.js 文件，修改 target 字段，将其设置为你服务端的地址。

步骤 4：启动项目

安装完成后，你可以启动项目来查看效果：

npm start

或者，如果你使用 yarn：

yarn start

步骤 5：打包编译

在项目开发完成后，你可以通过以下命令来打包编译项目：

npm run build

或者，如果你使用 yarn：

yarn run build

在执行打包命令之前，请确保你在 angular.json 中修改了打包路径：projects.architect.build.options.outputPath。

通过以上步骤，你应该能够成功安装和配置 Erupt Web 项目，并开始开发你的后台管理系统。

erupt-web Erupt 框架前端源码，实现了 erupt 开发过程中零前端代码能力 项目地址: https://gitcode.com/gh_mirrors/er/erupt-web