Gravit开源项目教程

1. 项目的目录结构及介绍

Gravit 是一个基于 HTML5、JavaScript 和 CSS3 的设计工具，适用于 Mac、Windows、Linux、ChromeOS 以及浏览器。项目目录结构如下：

• assets: 包含所有相关资源，如字体、图片等。
• shell: 包含独立版本的平台特定代码。
• src: 包含所有源代码。
  • application: 包含应用程序框架。
  • development: 包含开发时自动加载的开发插件。
  • gravit: 包含核心模块，由应用程序加载并提供 Gravit 的所有用户界面。
  • infinity: 包含核心渲染引擎以及到处使用的核心类。
  • infinity-editor: 包含基于 infinity 的编辑器、工具、指南等。
  • style: 包含应用程序的所有样式文件。
  • test: 包含所有测试文件。
• .bowerrc
• .gitignore
• Gruntfile.js
• LICENSE
• README.md
• bower.json
• package.json

2. 项目的启动文件介绍

项目的启动主要是通过 Gruntfile.js 文件来配置和运行的。以下是启动项目的基本步骤：

1. 确保安装了 NodeJS 和 NPM。
2. 在项目根目录下运行 npm install 命令安装所有 Node.js 依赖。
3. 运行 bower install 命令安装所有客户端 JavaScript 库。
4. 运行 grunt 命令启动 Gravit。
5. 使用浏览器打开 http://127.0.0.1:8999/ 以查看 Gravit。

推荐使用 Chrome 浏览器，因为这也是独立版本所使用的浏览器。

3. 项目的配置文件介绍

项目的配置主要通过以下几个文件进行：

• package.json: 这个文件是 Node.js 项目的主要配置文件，其中定义了项目的依赖、脚本和元数据。
• bower.json: 这个文件用于管理项目中的前端依赖，如第三方 JavaScript 库和框架。
• .bowerrc: 这个文件用于配置 Bower 的行为，例如指定依赖的安装目录。
• .gitignore: 这个文件用于定义哪些文件和目录应该被 Git 忽略，以避免将它们提交到版本控制系统中。

通过这些配置文件，开发者可以管理和定制 Gravit 项目的依赖和环境设置。