本文主要講解在RubyMine編輯器中安裝CoffeeScript和CoffeeScriptRedux。
1、確定本地的目標安裝目錄，在該目錄下創建“CoffeeScript”和“CoffeeScriptRedux”文件夾。
2、打開命令窗口，通過命令進入CoffeeScript文件夾，作為當前路徑。
3、輸入并運行命令：npm install coffee-script，開始下載安裝CoffeScript，直到完成。
通過命令進入CoffeeScriptRedux文件夾，作為當前路徑。
4、輸入并運行命令：npm install coffee-script-redux，開始下載安裝CoffeScriptRedux，直到完成,如果有警告或者關于git的錯誤，可以忽略。
5、安裝和配置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對話框。
6、選中左側列表中“Project Settings”下新出現的“File Watcher”。
選擇對話框最右側的“+”，在菜單中選擇“CoffeeScript”。
7、在“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”，結束。
7、安裝和配置Node.js Plugin。
參照上面第4步的開頭，打開“Settings”對話框，選中“Plugins->Browse repositories...”。
找到“NodeJS”，右鍵，選“Download and Install”后，回到“Plugins”，等待安裝完成后，選“OK”，并按照提示重啟RubyMine。
重啟后，選擇工具欄上的NodeJS圖標。
在“Node.js”對話框中，點“Configure”按鈕。
按照下圖進行設置后，點“Configure”按鈕，完成設置。
8、寫一個最基本的。
按照下圖，在C1.coffee源文件中寫一個能夠返回給網頁“hello world”的web服務。
注意：一旦修改了C1.coffee代碼，就會生成其對應的js文件，用這個js文件作為執行對象即可。
9、選擇菜單“Run->Edit Configurations...”。
如下圖一樣，以對應的js文件作為對象后，點“OK”。
然后，選擇工具欄上的執行按鈕。
正確執行后，打開瀏覽器，在地址欄中輸入：http://localhost:8888/。
就能看到顯示“hello world”的簡單頁面了。
至此構筑工作完成。
RubyMine的功能超強，不僅限于此，比如還能支持Debug等等等等。。。^-^
歡迎轉載：http://www.kanwencang.com/bangong/20161212/67131.html
文章列表
留言列表
