编辑
# RailsGirls活动 Coding WebIDE 使用指南 欢迎使用Coding WebIDE参加RailsGirls活动。本指南将通过图文的方式指导您使用Coding WebIDE完成此次活动。 ![WebIDE][1] ## Step 1: 注册Coding账户 打开 [用户注册 - Coding][2],填写您的电子邮箱和用户名,即可体验Coding。 请务必验证您的邮件,并设置个人信息,这样就能完整的使用Coding所有的功能了。 ## Step 2: Fork Rails模板 为了便于将Grils的作品发布到Coding演示平台,Coding WebIDE团队为这次RailsGirls活动准备了一个Rails模板。打开http://railsgirls.coding.io ,点击右上角的 `Fork Me On Coding` ![3][3] 进入项目代码后,点击右上角的 `Fork` 就可以将此模板Fork成您自己的项目。必须要登陆才能看见Fork按钮哦 ![4][4] Fork 成功后,您就将项目模板复制到了自己的账户中。一定要确定左上角的项目名称显示了您的账户,并提示`Fork自 xm1994/railsgirls` 才是fork成功了。Fork不成功一会儿是没有办法提交代码的。 ![5][5] ## Step 3: 使用WebIDE ### 打开WebIDE 在刚刚Fork到自己账户下的项目中,点击WebIDE标签,点击WebIDE,就可以打开WebIDE了。 ![6][6] ### 切换环境 此时的WebIDE还没有Ruby On Rails开发环境,我们需要切换到Coding预置的ROR环境中。 点击右侧的 `Environment` 边栏,选择ide-tty-ruby环境。随后点击下侧的 `Terminal` ,就可以进入到ROR环境中了。 ![12][12] ### 安装依赖 rails除了自身的代码外,还需要依赖其他的外部库。点击下边栏Terminal,在打开的Terminal中执行 `bundle install` ![14][14] 等待安装完成后,rails就能正常运行了。 ### 访问页面 在Terminal中执行 `unicorn` (推荐) 或者 `rails s -b 0.0.0.0` 启动rails服务,点击右边栏 Access Url ,根据Terminal中提示的端口配置一个 Access Url ,随后就可以用生成的 Access Url 访问你的页面啦。 Terminal中一般会提示类似于`0.0.0.0:8080`的绑定信息。其中,`0.0.0.0`表示绑定在terminal中所有ip地址内,8080则为绑定的端口号。 ![13][13] ![7][7] ### 提交代码 将代码提交到远程仓库,这样就可以在其他的电脑上继续开发,或让你的同伴一起开发。 点击菜单栏 Repository - Commit And Push,随后在弹出框中写一个提交备注,选择需要提交的文件,随后点击Commit,就可以将你的代码提交到你的代码仓库中了。也可以向教练询问git命令行工具如何使用~ ![8][8] ### 跟随教练 随后,在教练的指导下完成开发吧。 ## Step 4: 发布演示平台 在Coding个人中心中打开你Fork出的项目,点击演示标签,开始检测,系统会提示检测到Ruby环境。阅读并同意注意事项后即可启用演示平台。 ![9][9] 开启后,在访问域名那里起一个你想要的域名(英文),点击确认,在部署版本中填写master,点击一键部署,就可以将你开发的网站在演示平台中部署出来。等待几分钟后,就可以通过访问域名访问啦!如果部署不成功,不要紧。试试重新部署一遍。 ![10][10] ## About 觉得Coding好用嘛?快将Coding分享给小伙伴吧! ![11][11] [1]: http://7lrxaa.com1.z0.glb.clouddn.com/railsgirls1.png [2]: https://coding.net/register [3]: http://7lrxaa.com1.z0.glb.clouddn.com/railsgirls3.png [4]: http://7lrxaa.com1.z0.glb.clouddn.com/railsgirls4.png [5]: http://7lrxaa.com1.z0.glb.clouddn.com/railsgirls5.png [6]: http://7lrxaa.com1.z0.glb.clouddn.com/railsgirls6.png [7]: http://7lrxaa.com1.z0.glb.clouddn.com/railsgirls7.png [8]: http://7lrxaa.com1.z0.glb.clouddn.com/railsgirls8.png [9]: http://7lrxaa.com1.z0.glb.clouddn.com/railsgirls9.png [10]: http://7lrxaa.com1.z0.glb.clouddn.com/railsgirls10.png [11]: http://7lrxaa.com1.z0.glb.clouddn.com/railsgirls11.png [12]: http://7lrxaa.com1.z0.glb.clouddn.com/railsgirlsQQ20150803-1.png [13]: http://7lrxaa.com1.z0.glb.clouddn.com/railsgirlsQQ20150803-2.png [14]: http://7lrxaa.com1.z0.glb.clouddn.com/railsgirlsQQ20150803-3.png

更多文档