TypeScript Веб-интерфейс IDE

Учитывая тот факт, что TypeScript является Open Source, эта веб-среда IDE также доступна как инструмент, который можно загрузить в любом месте?

Я разрабатываю веб-приложение, в котором клиент может написать пользовательское выражение (с пользовательскими переменными и предопределенные методы), которое оценивается, компилируется и используется во время выполнения на сервере с использованием С#.Net. Используя TypeScript и его замечательные веб-редакторские функции, такие как синтаксис или подсветка ошибок, завершение кода, предложение подписи метода и т.д., Избавляет меня от многих проблем в пользовательском интерфейсе.

Итак, этот редактор также является частью TypeScript? Если нет, есть ли другие решения с открытым исходным кодом с аналогичными возможностями?

Ответ 1

Обновление 2017: редактор Monaco, используемый в игровой площадке TypeScript, был доступен на GitHub.

Вы также можете взглянуть на код Visual Studio, чтобы получить больше опыта вне браузера.

В редакторе ACE есть редактор TypeScript, который также находится на GitHub.

Ответ 2

Есть несколько веб-IDE с поддержкой TypeScript, а именно:

Cloud9
CATS
JSBin (выберите TypeScript из раскрывающегося списка)
Baz

Если вы думаете о создании нового, вы можете использовать один из моих двух проектов: TypeScript Скомпилировать или TypeScript Интерпретировать;)

Ответ 3

Редактор, используемый на игровой площадке, неофициально известен как Monaco, и он используется в код Visual Studio.

ОБНОВЛЕНИЕ 11.22.2015: Код Visual Studio теперь открыт с открытым исходным кодом, что означает, что у нас есть доступ к источнику редактора Monaco. Я думаю, что теперь это даст нам возможность использовать редактор Monaco в браузере, я ожидающий ответа на мой вопрос в VS Code repostiroy.

"Редактор" (то, что делает код с подсветкой синтаксиса, номера строк и т.д.) частью кода Visual Studio является редактором Microsoft Monaco. Это тот же редактор, который используется для OneDrive, Windows Azure, TypeScript Playground и Visual Studio Online. Мне еще предстоит найти настоящую документацию в этом редакторе от Microsoft, но есть статьи об этом в Интернете.

Подробнее о Visual Studio Code здесь.

Ответ 4

Существует его реализация с открытым исходным кодом:

https://github.com/jbaron/typescript-playground-on-ace

Ответ 5

есть goormIDE, который также является облачным IDE это версия с открытым исходным кодом или службами

если вы используете node.js, просто введите эту команду

$ npm install goorm -g

Ответ 6

Koding предоставляет VM с Root, поэтому вы можете установить все необходимые инструменты, и в этом случае TypeScript через npm install -g typescript.

Домен VM и Apache включены, поэтому предварительный просмотр вашей работы в вашем браузере также прост:)

Ответ 7

Для очень простых вещей вы можете попробовать https://chrome.google.com/webstore/detail/typescript-editey/liedfkjkedgcgpddoijfeeeeoikcbmaf

Ваши файлы typescript будут конвертированы в js файл на лету, и ваш сайт будет размещен бесплатно на Google Диске.

Ответ 8

Я использую CATS, и мне это очень нравится из-за двух вещей:

IDE не так уж плоха. Это делает работу, и как только вы будете практиковать с ней, вам понравится!
Он переносится

Последнее свойство, которое мне больше всего нравится, потому что мне не нужно ничего устанавливать (по крайней мере, под Windows), и вам не нужна Visual Studio (около 9 ГБ и два часа установки).

Игровая площадка TypeScript - хороший редактор, но если вам нужно протестировать небольшие скрипты или хотите попробовать что-то, что можно сделать только в одном файле!

Ответ 9

Редактор для игровой площадки Typescript называется Монако, и он доступен на GH/npm/etc.

http://github.com/Microsoft/monaco-editor

https://www.npmjs.com/package/monaco-editor

Ответ 10

Поскольку TypeScript исходный код площадки не был доступен до сих пор, я опубликовал реализацию, также основанную на Monaco Editor С некоторыми улучшениями относительно параметров компилятора и выполнения кода:

Репозиторий GitHub: https://github.com/fabiandev/typescript-playground
Онлайн-площадка: https://fabiandev.github.io/typescript-playground/