CoffeeScript代碼 - 完整的Web IDE

Question

是否有基於Web的代碼完整的API/IDE咖啡腳本？

王牌編輯器和CodeMirror具有良好的語法高亮和基於掉毛語法的支持，我想什麼添加到我的應用程序（Node-WebKit-REPL）是代碼的完整支持

Answer 1

不幸的是既不CodeMirror也不王牌有autocompleters專門爲coffeescript，但他們都有一個API來添加完成者。

這裏有一個簡單的例子來說明如何在實際應用中，你將需要某種形式的解析器之前獲得表達的王牌

var lang = require("ace/lib/lang") 
 
var languageTools = require("ace/ext/language_tools") 
 
editor = ace.edit("editor") 
 
editor.setOptions({ 
 
    enableBasicAutocompletion: true, 
 
    enableLiveAutocompletion: true, // this does not work very well atm 
 
    mode: "ace/mode/coffee" 
 
}) 
 
var evalCompleter = { 
 
    getCompletions: function(editor, session, pos, prefix, callback) {   
 
    var completions = []; 
 
    var props = Object.keys(window); 
 
    props.forEach(function(key){  
 
     completions.push({ 
 
     value: key,   
 
     meta: 'window', 
 
     type: 'eval', 
 
     score: 1000 
 
     }); 
 
    }) 
 
    callback(null, completions) 
 
    }, 
 
    getDocTooltip: function(item) { 
 
    if (item.type == 'eval' && !item.docHTML) { 
 
     var o = window[item.value] 
 
     var type = typeof o 
 
     item.docHTML = "<b>" + type + "</b><br>" 
 
     + lang.escapeHTML(o + ""); 
 
    } 
 
    } 
 
} 
 
editor.completers = [evalCompleter, languageTools.keyWordCompleter, 
 
    languageTools.snippetCompleter, languageTools.textCompleter 
 
];

當然

做到這一點。以評估

http://sevin7676.github.io/Ace.Tern/demo.html也是有用的。