jigsaw 的安装和配置教程

项目基础介绍

Jigsaw 是一个基于 Angular 的 Web 组件库，旨在帮助开发者构建复杂且交互性强的用户友好型网页。Jigsaw 支持所有类型的大数据产品应用开发，并且能够同时支持多个 UX 规范。

项目使用的关键技术和框架

Jigsaw 使用 Angular 作为主要框架，利用 Angular 的组件化思想来构建用户界面。此外，它还使用了 ECharts 来渲染图表，以及 Perfect Scrollbar 来实现自定义滚动条。

准备工作

在开始安装 Jigsaw 前，确保您的开发环境已经安装了以下依赖：

• Node.js
• npm (Node.js 的包管理器)
• Angular CLI (Angular 命令行界面)

安装步骤

1. 克隆项目仓库 在您的本地开发环境中，首先需要克隆 GitHub 上的 Jigsaw 仓库。

   git clone https://github.com/rdkmaster/jigsaw.git
   cd jigsaw
   

2. 安装项目依赖 使用 npm 安装项目所需的所有依赖。

   npm install
   

3. 安装 Angular CLI 如果您还没有安装 Angular CLI，可以通过以下命令安装。

   npm install -g @angular/cli
   

4. 构建项目 使用 Angular CLI 构建项目，确保编译过程无误。

   ng build
   

5. 启动开发服务器 运行以下命令启动本地开发服务器。

   ng serve
   

   在浏览器中访问 http://localhost:4200/ 查看项目。

6. 运行测试 运行测试来确保组件正常工作。

   ng test
   

7. 构建生产版本 当您的开发完成后，构建生产版本的代码。

   ng build --prod
   

以上就是 Jigsaw 的安装和配置的基本步骤，按照上述指南操作，您可以成功搭建一个 Jigsaw 的本地开发环境。