用于CodeMirror的typescript linter

Question

我在我的一个内容管理系统应用程序中使用CodeMirror编辑器。有没有人有将typescript linter整合到CodeMirror中的建议/经验？

附注:我知道ts lint https://www.npmjs.com/package/tslint，但不清楚如何合并它。

Answer 1

$ npm install -g tsd

在项目中安装CodeMirror类型定义：

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

这将创建一个名为typings的文件夹，其中将包含一个已归档的codemirror.d.ts。

然后，您可以在调用CodeMirror接口的TypeScript文件中添加对此文件的引用：

/// <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任务：

$ gulp lint

Answer 2

您需要使用lint插件：http://codemirror.net/doc/manual.html#addon_lint来提供来自tslint -> code mirror的lint错误

更多

您甚至可以将lint插件包装成更好的东西，比如基于promise的linter (警告复杂的代码，但只是一个有效的演示) 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