TypeScript Веб-интерфейс IDE
Учитывая тот факт, что TypeScript является Open Source, эта веб-среда IDE также доступна как инструмент, который можно загрузить в любом месте?
Я разрабатываю веб-приложение, в котором клиент может написать пользовательское выражение (с пользовательскими переменными и предопределенные методы), которое оценивается, компилируется и используется во время выполнения на сервере с использованием С#.Net. Используя TypeScript и его замечательные веб-редакторские функции, такие как синтаксис или подсветка ошибок, завершение кода, предложение подписи метода и т.д., Избавляет меня от многих проблем в пользовательском интерфейсе.
Итак, этот редактор также является частью TypeScript? Если нет, есть ли другие решения с открытым исходным кодом с аналогичными возможностями?
Ответы
Ответ 1
Обновление 2017: редактор Monaco, используемый в игровой площадке TypeScript, был доступен на GitHub.
Вы также можете взглянуть на код Visual Studio, чтобы получить больше опыта вне браузера.
В редакторе ACE есть редактор TypeScript, который также находится на GitHub.
Ответ 2
Есть несколько веб-IDE с поддержкой TypeScript, а именно:
Если вы думаете о создании нового, вы можете использовать один из моих двух проектов: 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/