hig 的安装和配置教程

1. 项目的基础介绍和主要的编程语言

hig 是由 Autodesk 开发的一个开源项目，它提供了一组用于构建高保真用户界面组件的 React UI 库。这个库的设计旨在帮助开发者快速实现一致和高质量的用户界面，它以组件的形式提供了丰富的 UI 元素，如按钮、输入框、下拉菜单等。该项目主要使用 JavaScript 作为编程语言，并依赖于 React 框架。

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

hig 项目使用了以下关键技术和框架：

• React: 用于构建用户界面的 JavaScript 库，它允许开发者使用组件化的方式来创建可复用的 UI 代码。
• TypeScript: 一种由 Microsoft 开发的开源编程语言，它是 JavaScript 的一个超集，为 JavaScript 添加了静态类型系统。
• Webpack: 一个现代 JavaScript 应用程序的静态模块打包器，它将应用程序处理成一个或一组 bundle。
• Babel: JavaScript 编译器，它将最新的 JavaScript 代码转换为当前和旧版浏览器都能理解的代码。

3. 项目安装和配置的准备工作和详细的安装步骤

准备工作

在开始安装 hig 之前，请确保你的系统中已经安装了以下依赖：

• Node.js（推荐版本^12.13.0）
• npm（Node.js 的包管理工具）
• yarn（Facebook 提供的快速、可靠、安全的依赖管理工具）

安装步骤

1. 克隆项目仓库

   使用 Git 命令克隆项目仓库到本地：

   git clone https://github.com/Autodesk/hig.git
   

2. 进入项目目录

   克隆完成后，进入项目目录：

   cd hig
   

3. 安装依赖

   在项目目录中，使用以下命令安装项目依赖：

   yarn install
   

   或者如果你更喜欢使用 npm：

   npm install
   

4. 启动开发服务器

   安装完依赖后，你可以启动开发服务器来查看和测试 UI 组件：

   yarn start
   

   或者使用 npm：

   npm start
   

   这将启动一个本地服务器，并且通常会自动打开浏览器窗口以显示 hig 的示例页面。

5. 构建项目

   当你完成开发后，可以使用以下命令构建项目，以用于生产环境：

   yarn build
   

   或者使用 npm：

   npm run build
   

   构建完成后，将在 build 目录中生成编译后的文件。

以上是 hig 的基础安装和配置指南，按照上述步骤操作，你将能够成功安装和运行这个项目。