安装选择构筑RubyMine IDE开发工具的Coffeescript+node.js开发环境(for windows)

来源:互联网 发布:java创建一个学生类 编辑:程序博客网 时间:2024/04/30 16:45

文章结束给大家来个程序员笑话:[M]

    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!

    下完以后,运行安装包,直接下一步。

    安装和选择

    问你License同不同意,只能同意呗。

    安装和选择

    选择安装目标路径,随便你。下一步。

    安装和选择

    要不要创立桌面快捷方式,随便你。下一步。

    安装和选择

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

    安装和选择

        安装中。。。喝杯咖啡吧。

        安装实现,选择运行RubyMine后,实现。

        安装和选择

        如果出现“Complete Installation”对话框,就选第二项,除非你有设置文件可以被倒入。

        安装和选择

        接下来会显示“Enter JetBrains RubyMine License”对话框,要求License,这里该怎么做,中国人都明白!-_-|||,此处略去一个Key。。。

        然后会显示个“JetBrains RubyMine Intial Configruation”对话框,要求IDE的款式,保持默认点OK就行,除非你有癖好。

        看到“Quick Start”了吧,就建一个空的新工程吧。

        右键单击工程,在右键菜单里选择“New->CoffeeScript File”创立。

        安装和选择

        有了一个CoffeeScript源码文件,写点啥吧,那就来个“hello world!”,写完后,右键代码编辑区,在右键菜单里选择“Preview Complied CoffeeScript File...”后,是不是看到了CoffeeScript代码相对应的JavaScripte代码了,有点意思。

        安装和选择

        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...”按钮。

   安装和选择

    在弹出的“Browse repositories”对话框中右键选择“File Watchers”,在右键菜单中选择“Download and Install”,关闭当前对话框。

    回到“Settings”对话框,安装后,会在"Plugins"列表中显示“File Watchers”,安装实现。

    选择右下角的“ok”按钮,会出现是否重启RubyMine以激活新的Plugin,直接点“Restart”重启。

  安装和选择

    重启RubyMine以后,再次打开Settings对话框。

    选中左侧列表中“Project Settings”下新出现的“File Watcher”。

   安装和选择

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

  安装和选择

  安装和选择

    在“New Watcher”对话框中,只要设置“Program”项,该项的值是上面第三步中安装CoffeeScript后发生的Coffee.cmd的路径。

    路径:<安装目标路径>\SoffeeScript\node_modules\.bin\coffee.cmd。

    选择OK。

  安装和选择

    回到“File Watchers”列表,会看到有一选中项“CoffeeScript”。

    接着,再点最右侧的“+”,此次在菜单中选择“CoffeeScript Source Map”。

  安装和选择

    同样,在“New Watcher”对话框中,只要设置“Program”项,该项的值是上面第三步中安装coffee-script-redux后发生的Coffee.cmd的路径。

    路径:<安装目标路径>\CoffeeScriptRedux\node_modules\.bin\coffee.cmd。

    选择OK。

    回到“File Watchers”列表,会看到两个选中项“CoffeeScript”和“CoffeeScript Source Map”。

  安装和选择

    关联设置实现,点“ok”,结束。

    

    5.安装和配置Node.js Plugin。  

    参照上面第4步的扫尾,打开“Settings”对话框,选中“Plugins->Browse repositories...”。

    找到“NodeJS”,右键,选“Download and Install”后,回到“Plugins”,等待安装实现后,选“OK”,并按照提示重启RubyMine。

    重启后,选择工具栏上的NodeJS图标。

  安装和选择

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

  安装和选择

    按照下图进行设置后,点“Configure”按钮,实现设置。

  安装和选择

 

    6.写一个最基本的。

    按照下图,在C1.coffee源文件中写一个能够返回给网页“hello world”的web服务。

    注意:一旦修改了C1.coffee代码,就会生成其对应的js文件,用这个js文件作为执行对象即可。

  安装和选择

    选择菜单“Run->Edit Configurations...”。

    如下图一样,以对应的js文件作为对象后,点“OK”。

    然后,选择工具栏上的执行按钮。

  安装和选择

    准确执行后,打开浏览器,在地址栏中输入:http://localhost:8888/。

    就可以看到显示“hello world”的简单页面了。

 

    至此构筑工作实现。

    RubyMine的功能超强,不仅限于此,比如还能支撑Debug等等等等。。。^-^

  

文章结束给大家分享下程序员的一些笑话语录: Bphone之你们聊,我先走了!移动说:我在phone前加o,我叫o缝;苹果说:我在phone前i,我是i缝;微软说:我在phone前加w,我叫w缝;三星说:你们聊,我先走了!
将来王建宙写回忆录的时候,一定要有一句“常小兵为中国移动的发展做出了不可磨灭的贡献”。


原创粉丝点击