CodeMirror的typescript linter

Question

我在我的一個CMS應用程序中使用了CodeMirror編輯器。有沒有人有任何建議/經驗將打印腳本納入CodeMirror？

P.S.我知道ts lint https://www.npmjs.com/package/tslint，但如何合併這一點並不明顯。

Answer 1

它不應該是一個問題，所有你需要做的就是安裝tsd：

$ npm install -g tsd 

安裝CodeMirror類型定義在您的項目：

# from your project folder 
$ tsd install codemirror --save 

這將創建一個文件夾命名typings那將包含一個字段codemirror.d.ts。

然後，您可以添加引用此文件在調用API CodeMirror的打字稿文件：

/// <reference path="../typings/codemirror/codemirror.d.ts" /> 

// USE CODE MIRROR HERE 

一旦你完成編碼就可以使用Gulp和gulp-tslint。

# npm install gulp gulp-tslint vinyl-source-stream vinyl-buffer --save-dev 

創建gulpfile.js：

var gulp  = require("gulp"), 
    source  = require("vinyl-source-stream"), 
    buffer  = require("vinyl-buffer"), 
    tslint  = require("gulp-tslint"); 


gulp.task("lint", function() { 
    return gulp.src([ 
       __dirname + "/source/**/**.ts", // Path to your TS files 
       ]) 
      .pipe(tslint()) 
      .pipe(tslint.report("verbose")); 
}); 

的最終運行咕嘟咕嘟任務：

$ gulp lint 

如果您需要咕嘟咕嘟額外的幫助檢查出Official Getting Started。

Answer 2

您需要使用lint插件：http://codemirror.net/doc/manual.html#addon_lint從提供皮棉錯誤tslint -> code mirror

更多

你甚至可以包皮棉附加到的東西更好就像一個承諾基於棉短絨（警告複雜的代碼，但只是一個有用的東西演示）https://github.com/basarat/tsb/blob/master/src/app/codemirror/codeEditor.tsx/https://github.com/basarat/tsb/blob/master/src/app/codemirror/addons/linter.ts