获取源代码

$ git clone git@github.com:cnbin/simditor.git

用 Bundler 管理 Gem 包

Simditor 使用 Bundler 来管理依赖的 Ruby Gem：

• sass：用来将 scss 文件编译为 css 文件
• github-pages: 在本地安装 Github Pages 使用的 Jekyll 环境，用来生成 Simditor 的网站

首先，确保你的系统中已经安装了 Ruby，然后在命令行中安装 Bundler：

$ gem install bundler

进入 Simditor 根目录，安装依赖的 Gem 包：

$ cd simditor
$ bundle install

用 Grunt 管理自动化任务

Simditor 使用 Grunt 来实现本地的自动化任务，例如运行本地开发服务器、监视源代码文件并自动编译等等。

Grunt 需要通过 Node.js 的包管理工具 npm 来安装，所以先确保你的系统已经安装了 Node.js，然后通过 npm 安装 Grunt 的命令行工具：

$ sudo npm install -g grunt-cli

最后安装 package.json 里配置的 grunt 插件：

$ npm install

用 Bower 管理依赖项目

Bower 是一个前端项目的包管理工具，Simditor 用它来管理依赖的第三方库：

• simple-module：是彩程内部使用的 CoffeeScript 组件抽象类
• simple-uploader：一个与 UI 无关的上传逻辑

先通过 npm 安装 bower：

npm install -g bower

然后安装 bower.json 里面配置的依赖项目：

bower install

开始开发

现在运行 grunt 的默认任务：

$ grunt

然后用浏览器访问 http://localhost:3000/demo.html，就可以打开本地生成的 Simditor 网站了。这个时候修改 Simditor 的源代码，grunt 会自动编译并重新生成网站，你只需要刷新页面就可以测试最新的改动。

如果你需要测试上传功能，只需要给 url 增加一个 upload 参数就可以开启上传本地图片的功能：http://localhost:3000/demo.html?upload。