一起做开源在线IDE(mokide=nodejs+jQueryUI+CodeMirror)
2013-12-21 18:00
513 查看
项目起源
现在远程开发,远程协作的机会越来越多。但是如何让远程开发人员快速开始参与到项目中,成了我们必须考虑的问题之一。尤其是新的团队成员参与进来,需要搭建和熟悉开发环境,要耗掉许多的成本。最好的解决办法就是搭建在线的远程开发机,这样开发人员就不需要再本机搭建开发环境,就可以实现快速开发。但是远程开发怎么实现,优势我们面临的一个问题,我们可以用ssh连到开发机器上,使用Emacs等编辑器开发。似乎很牛,但是效率不高,对于不熟悉linux的程序员们来说,一定痛苦死了。
于是现在摆在我们面前的就是这个任务,要实现一套在线的方便部署的集成开发环境。该项目有牧客网发起,取名mokide,辅助那些远程的团队们实现远程的协作开发。
技术选择
nodejs http://nodejs.org/express https://github.com/visionmedia/express
jQueryUI http://jqueryui.com/
CodeMirror http://codemirror.net/
git http://git-scm.com/
代码托管在github地址https://github.com/imokee/mokide
搭建开发环境
安装nodejs,这个可以去网上找找,nodejs的官网有windows安装版的,nodejs安装后自带了npm包管理工具。安装git客户端,首先下载git的windows安装包http://git-scm.com/download/win ,然后安装了TortoiseGIT客户端,先装上了,目前还没用到。
在本地创建git开发目录
git clone https://github.com/imokee/mokide[/code]然后创建项目的包信息文件package.json,惭愧第一次做开源的node项目,所以在网上找了一份照猫画虎改了一下,有问题请指正:{ "name" : "mokide", "version" : "0.0.1", "description" : "Web IDE of Imokee", "author" : "Imokee <litteam163.com>", "engines" : { "node" : ">=0.1.98" }, "dependencies" : { "express" : "3.4.7" }, "repository" : "https://github.com/imokee/mokide", "main" : "./lib/mokide" }关键是dependencies是指项目依赖的包,告诉npm安装时要下载的包和版本信息。
执行npm install安装依赖的包,npm会自动在网上下载依赖的包,在根目录创建一个node_modules文件夹,然后将下载的express包放在这个目录里。node_modules大家都不陌生,这是nodejs加载自己引入包的默认路径。
然后创建一个web目录用来存放文本资源,创建一个lib目录用来存放服务器端代码。上传代码到github
主要用到的git命令有下面三个:
git add用来添加文件到git库
git add web
git commit提交文件到git库
git commit web
第一次用git以为这样就能上传到github了,但是查看了一下,没有反应,网上查了一些才知道,git只是提交到本地,需要使用push把代码同步到代码服务器上。
git push
在github上面刷新,终于看到了,欣喜万分,第一次使用git,第一次做开源项目,哈哈。总结
做开源项目还是头一次尝试,不断的学习中,请大家多提建议。
想参与的请加牧客网极客qq群 : 202311481
想参与更多的开源或创业项目,请关注牧客网:http://www.imokee.com
相关文章推荐
- jquery-ui.min.js:5 Uncaught TypeError: b.nodeName.toLowerCase is not a function
- Node.js配合jQuery UI autocomplete的应用
- 二:nodejs+express+redis+bootstrap table+jquery UI
- jqueryui动画一窥之jquery.ui.effect-transfer.js
- 使用Visual Studio Code对Node.js进行断点调试
- jquery二维码生成插件jquery.qrcode.js
- webstorm+nodejs+JetBrains IDE Support+chrome打造前端开发神器
- node.js利用socket.io实现多人在线匹配联机五子棋
- node入门demo-Ajax让前端angularjs/jquery与后台node.js交互,技术支持:mysql+html+angularjs/jquery
- (function(){code})()自执行匿名函数 - JS & jQuery Notes
- supervisor Program node app.js exited with code 0 解决方案
- jquery.ui.datepicker.js 用法
- Node.js的开源、多进程实时WebSocket引擎:SocketCluster
- 使用jquery.qrcode.js生成二维码
- 员提供在线工具,提供jsbin在线 CSS、JS 调试,在线 Java API文档,在线 PHP API文档,在线 Node.js API文档,Less CSS编译器,...
- 滴滴开源基于 Vue.js 的移动端组件库 cube-ui
- Node.js 切近实战(八) 之Excel在线(文件权限)
- 面向开源的-创建属于自己的Node.JS项目-创建npm项目全教程
- jQuery Ui.Layout.js——PrintArea.js学习
- jQuery日期和时间插件(jquery-ui-timepicker-addon.js)中文破解版使用