网志图文版： http://neversaycoding.tumblr.com/post/93957660027/nitrous-io 上次介绍了Koding这个线上程式整合环境（Online IDE）之後，有热心网友推荐了 其他线上IDE网站，於是我也去注册并使用，发现这个网站也非常好用，跟Koding比 起来各有千秋。 与Koding带有前卫的实验性质相比，这个平台注重实用与效率，编辑环境更贴近程 式开发者的习惯，用了几天之後觉得真心不错，所以也来写篇文章介绍它 — Nitrous.IO。 我觉得线上IDE与一般如Eclipse或Sublime Text等IDE软体不同的地方在於： 1.线上IDE将所有东西都放在云端的虚拟伺服器上，包括云端档案系统与终端介面。 这好处除了不会因为本机档案损毁而让辛苦的成果完蛋，开发者也可以直接透过终 端介面在虚拟伺服器开启网页服务，让外部人员直接浏览成果，而不会发生本机开 发得好好，在展示主机上却烂掉的状况。 2.许多线上IDE也整合了沟通或社交介面，让团队成员可以线上讨论，还有与非团 队成员在社交圈中讨论。这样我们可以从线上记录回忆之前讨论的事项，免得出现 鸡同鸭讲或鬼打墙的灵异事件。 3.线上IDE的版本都是最新且相同的，保证不会出现在我的机器上能跑在你那边却不 能，或是发生诸如 http://social.msdn.microsoft.com/Forums/zh-TW/d0c34bd3-a652-44ee-9f7a-e1ca2cfb81b5?forum=800 等惨事。 4.通常线上IDE的环境已经把必须套件都安装设定完成，初学者不用困在一堆与开发 没有太大关系的套件设定档地狱里。（虽然迟早都会碰到，但是第一天就碰到着实扼 杀了不少新手的学习热诚） 5.省钱。要在本机上开发并将伺服器架起来，硬体设备至少要有点底蕴，或者拿汰换 的主机下来使用，或者新买台实体主机来用。线上IDE所使用的虚拟伺服器其效能通常 可满足绝大多数的情况，对本机的硬体要求甚低，你甚至可以买便宜的Chromebook 在线上IDE上开发！ -------------------------------------------------------------------------- 列了这几点，我非常建议程式新手找个免费的线上IDE来当做自己的出发点，一边学 习程式设计一边摸索并适应伺服器的工具程式。练功先学蹲马步，过了这关之後就 海阔天空了。 像我现在就在Nitrous.IO上练习Node入门这本书的题目与内容。越练习越感受到线 上IDE的方便之处。 好了，让我以Nitrous.IO当例子，来试试申请帐号，配置虚拟机器，并且下载 与启动一个Node.js专案当做初窥门径的练习吧。 (以下图文步骤，图档连结省略) 1.进入Nitrous.IO网站之後，第一件事就是要建立帐号。Nitrous.IO可以使用Github， Google或者LinkedIn的帐号登入，如果有以上网站的帐号，可以用Single Sign-on串 连帐号免去以後要分开登入的麻烦。 2.我主要是用Github来做帐号的整合。因为我已经登入Github了，所以它会直接将 我转到Github的授权网页，在这边按下”Authorize application”，还剩几步就差 不多完成了。 3.接着他会要你输入Github的登入密码以确认你就是本人。 4.认证与授权步骤都完成後，页面会转回Nitrous.IO的帐号密码创设页面，当你取了 帐号密码之後就完成创帐号的步骤了，基本上以後只要Github没登出，登入 Nitrous.IO是不用输入帐号密码的，这就是Single Sign-on的方便之处。 5.帐号创设之後，Nitrous.IO要求你做的第一件事情就是建立第一个虚拟机器。目前 它提供五种预设的伺服器型态，分别是Ruby/Rails，Node.js，Python/Django，Go以 及PHP。跟Koding平台一个虚拟机器包所有功能不同。Nitrous.IO的虚拟机器一台预设 安装的套件是固定的，你可以透过管理介面安装新的套件以扩充功能。 6.在Nitrous.IO上，每个使用者拥有一个叫N2O的资源单位，平均开一台新的虚拟机器 需要140点N2O，若是要替虚拟机器扩充硬碟或记忆体，就需要更多的N2O来购买。而一 般使用者一开始只拥有140点N2O而已。你可以透过介绍新朋友来此开帐号，连结各个社 交平台，作问卷访问等得到N2O。但最直接的方式就是付钱买N2O，毕竟Nitrous.IO的 工程师也是要吃饭的。 不过若是新使用者或轻度玩家，一台虚拟伺服器应该就够用了。 7.当你创造完第一个虚拟机器後，就会进入Dashboard页面，在这里你只要点了 ”IDE”按钮就能进入线上IDE页面。如果只是纯粹想登入虚拟机器执行命令，那点 ”Terminal”就能快速进入终端机介面。 ------------------------------------------------------------------------- 经历以上步骤我们终於来到线上IDE页面。 Nitrous.IO的IDE毫不花俏，它将所有网 站开发团队需要用到的功能全部整合在一个朴素的工作环境中，由左向右依序是档 案管理，文字编辑，沟通平台。以及正下方的虚拟伺服器终端介面。 这个页面朴素归朴素，但是一个老练的前端程式开发者需要的功能全都具备了，虚 拟机器的效能也让人满意，可说是一款成熟又稳重的产品。 在这个整合环境底下，有趣的地方是右边的沟通介面，它可以邀请其他Nitrous.IO 的注册使用者成为你的虚拟伺服器的管理员，被邀请者可以任意浏览更改你的虚拟 伺服器上的任何档案，包括SSH的认证金钥！ 另一点就是它会将包括你在内的成员的任何活动，包括开启档案，登入登出以及对 话内容记下来，这样就可以快速追踪谁正在作什麽，以前作过什麽。 简单介绍完了整合环境，就让我们藉由复制Github上的Node.js专案来体验一下线 上IDE的优势。 1.首先，在Nitrous.IO的Dashboard创造一个新的虚拟伺服器，在创造页面上选择 Node.js型的机器，然後创造它。如果你已经有机器的话可以透过管理介面安装 Node.js，方法如下： a.在IDE介面最上方的选单选择Autoparts，并选择Manage Packages开启Manage Packages b.在套件过滤栏位里键入”Node.js”，就会发现Node.js套件可以选择安装。 按下”install”之後等待安装完成，就可以使用Node.js了！ 2.在IDE页面下，游标在终端介面那边按一下，转换键盘的输入焦点。然後输入git 指令从Github里面把范例专案拉下来： git clone https://github.com/neversay/nodejs-sample.git 3.将专案拉下来後，在左方档案管理员把目录nodejs-sample展开，对档案example1.js 点两下打开它，在编辑器画面中修改它的程式码。 4.将第七行 }).listen(3000); 改成 }).listen(4000); 之後用Ctrl加S键快速储存档案（真是窝心，居然在浏览器里面一样可以用一般文字 编辑器的快捷键） 5.将键盘焦点转回到终端介面，用系统指令 cd nodejs-sample 进入nodejs-sample 档案夹，然後用以下指令开启Node.js伺服器： node example1.js 6.开启Node.js伺服器後，在IDE上端的选单里打开Preview选项，然後选择Port 4000 7.完成了！你的浏览器会开启新视窗，并且把结果”Hello World”印在新视窗里！ 恭喜你！你已经完成了Node入门这本书的第一个范例了！ 要停止Node.js的程式，只要将焦点 回到终端介面，按下Ctrl+C就能终止它了。 ------------------------------------------------------------------------ 接下来，你可以照着Node入门这本书的范例，一步一步将Node.js的基本功能实作完。 体验Node.js特殊的编程方法。 若是读者想要尝试更多不同的线上IDE，这边有一些文章 http://www.hongkiat.com/blog/cloud-ide-developers/ http://www.chromebookhq.com/five-best-online-ides-making-the-switch-to-a-chromebook/ 介绍了世界上最受欢迎的线上IDE，以及Wikipedia上的列表： http://en.wikipedia.org/wiki/Online_JavaScript_IDE 这些线上IDE或云端IDE都各有擅场，但基本操作都跟Nitrous.IO以及Koding差不多， 所以在摸熟这几个免费线上IDE之後，要熟悉新的线上IDE就不是一件值得费心的事 情了！ Happy Coding Day! --

※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 50.156.87.148 ※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Soft_Job/M.1407388856.A.55C.html