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也是有用的。