设为首页 收藏本站
查看: 1228|回复: 0

[经验分享] 构筑RubyMine IDE开发工具的Coffeescript+node.js开发环境(for windows)

[复制链接]

尚未签到

发表于 2017-2-23 11:28:39 | 显示全部楼层 |阅读模式
  RubyMine是一个综合的强大的Ruby编码编辑器,非常好的支持了Ruby、CoffeeScript,JavaScript,HTML,CSS。
      对于使用Coffeescript开发基于node.js的Web服务这一场景来说,RubyMine的智能编辑,调试工具,代码自动提示完成、集成版本控制、丰富的plugin无疑是提高开发效率的一大利器。
      顺便提一下,RubyMine是收费的!,但!具体怎么做,都懂的!
      构建开发环境的步骤:
          1)安装RubyMine。
          2)安装Node.js,装完这个就有npm和运行环境。
          3)安装CoffeeScript和CoffeeScriptRedux,使用上一步装完的Node.js中包含的npm进行安装。
          4)安装和配置File Watcher Plugin,使其和CoffeeScript、CoffeeScriptRedux关联,有了这一步就能支持直接运行或调试CoffeeScript。
          5)安装和配置Node.js Plugin,完成这一步,为node.js写的CoffeeScript代码就具备运行和调试的条件了。
          6)写一个最基本的。试试。
  接下来,就开始吧!
  1.安装RubyMine
  从官网下载:http://www.jetbrains.com/ruby/,我这里用的版本是5.4.1!
  下完之后,运行安装包,直接下一步。
DSC0000.png

  问你License同不同意,只能同意呗。
DSC0001.png

  选择安装目的路径,随便你。下一步。
DSC0002.png

  要不要创建桌面快捷方式,随便你。下一步。
DSC0003.png

  选择开始菜单文件夹,保持默认,安装。
DSC0004.png

      安装中。。。喝杯咖啡吧。
      安装完成,选择运行RubyMine后,完成。
      DSC0005.png
      如果出现“Complete Installation”对话框,就选第二项,除非你有设置文件可以被倒入。
      DSC0006.png
      接下来会显示“Enter JetBrains RubyMine License”对话框,要求License,这里该怎么做,中国人都明白!-_-|||,此处略去一个Key。。。
      然后会显示个“JetBrains RubyMine Intial Configruation”对话框,要求IDE的样式,保持默认点OK就行,除非你有癖好。
      看到“Quick Start”了吧,就建一个空的新工程吧。
      右键单击工程,在右键菜单里选择“New->CoffeeScript File”创建。
      DSC0007.png
      有了一个CoffeeScript源码文件,写点啥吧,那就来个“hello world!”,写完后,右键代码编辑区,在右键菜单里选择“Preview Complied CoffeeScript File...”后,是不是看到了CoffeeScript代码相对应的JavaScripte代码了,有点意思。
      DSC0008.png
      OK,安装完成。
      2.安装Node.js。
  安装步骤参见这里:http://www.cnblogs.com/kongxianghai/archive/2013/05/07/3065984.html
  3.安装CoffeeScript和CoffeeScriptRedux。
  确定本地的目标安装目录,在该目录下创建“CoffeeScript”和“CoffeeScriptRedux”文件夹。
  打开命令窗口,通过命令进入CoffeeScript文件夹,作为当前路径。
  输入并运行命令:npm install coffee-script,开始下载安装CoffeScript,直到完成。
      通过命令进入CoffeeScriptRedux文件夹,作为当前路径。
  输入并运行命令:npm install coffee-script-redux,开始下载安装CoffeScriptRedux,直到完成,如果有警告或者关于git的错误,可以忽略。
  4.安装和配置File Watcher Plugin,使其和CoffeeScript、CoffeeScriptRedux关联。
  选择RubyMinde的菜单“File->Settings...”。
  在打开的“Settings”对话框中左侧的列表中,选中“IDE Settings”下的“Plugins”项。
  选择“Browse repositories...”按钮。
DSC0009.png

  在弹出的“Browse repositories”对话框中右键选择“File Watchers”,在右键菜单中选择“Download and Install”,关闭当前对话框。
  回到“Settings”对话框,安装后,会在"Plugins"列表中显示“File Watchers”,安装完成。
  选择右下角的“ok”按钮,会出现是否重启RubyMine以激活新的Plugin,直接点“Restart”重启。
DSC00010.png

  重启RubyMine之后,再次打开Settings对话框。
  选中左侧列表中“Project Settings”下新出现的“File Watcher”。
DSC00011.png

  选择对话框最右侧的“+”,在菜单中选择“CoffeeScript”。
DSC00012.png

DSC00013.png

  在“New Watcher”对话框中,只要设置“Program”项,该项的值是上面第三步中安装CoffeeScript后产生的Coffee.cmd的路径。
  路径:<安装目标路径>\SoffeeScript\node_modules\.bin\coffee.cmd。
  选择OK。
DSC00014.png

  回到“File Watchers”列表,会看到有一选中项“CoffeeScript”。
  接着,再点最右侧的“+”,这次在菜单中选择“CoffeeScript Source Map”。
DSC00015.png

  同样,在“New Watcher”对话框中,只要设置“Program”项,该项的值是上面第三步中安装coffee-script-redux后产生的Coffee.cmd的路径。
  路径:<安装目标路径>\CoffeeScriptRedux\node_modules\.bin\coffee.cmd。
  选择OK。
  回到“File Watchers”列表,会看到两个选中项“CoffeeScript”和“CoffeeScript Source Map”。
DSC00016.png

  关联设置完成,点“ok”,结束。
  5.安装和配置Node.js Plugin。  
  参照上面第4步的开头,打开“Settings”对话框,选中“Plugins->Browse repositories...”。
  找到“NodeJS”,右键,选“Download and Install”后,回到“Plugins”,等待安装完成后,选“OK”,并按照提示重启RubyMine。
  重启后,选择工具栏上的NodeJS图标。
DSC00017.png

  在“Node.js”对话框中,点“Configure”按钮。
DSC00018.png

  按照下图进行设置后,点“Configure”按钮,完成设置。
DSC00019.png

  6.写一个最基本的。
  按照下图,在C1.coffee源文件中写一个能够返回给网页“hello world”的web服务。
  注意:一旦修改了C1.coffee代码,就会生成其对应的js文件,用这个js文件作为执行对象即可。
DSC00020.png

  选择菜单“Run->Edit Configurations...”。
  如下图一样,以对应的js文件作为对象后,点“OK”。
  然后,选择工具栏上的执行按钮。
DSC00021.png

  正确执行后,打开浏览器,在地址栏中输入:http://localhost:8888/。
  就能看到显示“hello world”的简单页面了。
  至此构筑工作完成。
  RubyMine的功能超强,不仅限于此,比如还能支持Debug等等等等。。。^-^

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-346181-1-1.html 上篇帖子: BDD测试利器:mocha+should.js 下篇帖子: 我的LESS编译方案
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表