Редактор javascript visual studio

JavaScript и TypeScript в Visual Studio

Область применения:Visual StudioVisual Studio для Mac Visual Studio Code

Visual Studio 2022 предоставляет обширную поддержку для разработки JavaScript, как с помощью прямого использования JavaScript, также и с помощью языка программирования TypeScript, который разработан, чтобы повышать продуктивность и интерес во время разработки на JavaScript, особенно при разработке масштабных проектов. Код JavaScript или TypeScript в Visual Studio можно написать для многих типов приложений и служб.

Языковая служба JavaScript

Интерфейс JavaScript в Visual Studio 2022 обеспечивается тем же обработчиком, что и поддержка TypeScript. Этот обработчик улучшает поддержку компонентов, функциональность и интеграцию без дополнительной настройки.

Функция восстановления устаревшей языковой службы JavaScript более не доступна. Пользователи сразу получают новую готовую языковую службу JavaScript. Новая языковая служба основана исключительно на языковой службе TypeScript, которая базируется на статическом анализе. Эта служба позволяет нам оптимизировать инструментарий, поэтому ваш код на JavaScript может использовать преимущества расширенной поддержки IntelliSense на основе определений типов. Новая служба имеет небольшой размер и использует меньше памяти, чем устаревшие службы, обеспечивая более высокую производительность пользовательского кода по мере его масштабирования. Также мы улучшили производительность языковой службы для обработки более крупных проектов.

Поддержка TypeScript

По умолчанию Visual Studio 2022 предоставляет языковую поддержку для файлов JavaScript и TypeScript, чтобы IntelliSense можно было использовать без определенной конфигурации проекта.

Для компиляции TypeScript Visual Studio предоставляет гибкие возможности выбора версии TypeScript для каждого отдельного проекта.

В сценариях компиляции MSBuild, таких как ASP.NET Core, пакет NuGet для TypeScript является рекомендуемым методом добавления поддержки компиляции TypeScript в проект. Visual Studio позволит добавить этот пакет при первом добавлении файла TypeScript в проект. К этому пакету также можно получить доступ в любое время с помощью диспетчера пакетов NuGet. При использовании пакета NuGet в проекте будет использоваться соответствующая версия языковой службы для поддержки языка. Примечание. Минимальная поддерживаемая версия этого пакета — 3.6.

Проекты, настроенные для npm, например проекты Node.js, могут указать собственную версию языковой службы TypeScript, добавив пакет npm TypeScript. В поддерживаемых проектах версию можно указать с помощью диспетчера npm. Примечание. Минимальная поддерживаемая версия этого пакета — 2.1.

TypeScript SDK не рекомендуется использовать в Visual Studio 2022. Существующие проекты, использующие пакет SDK, должны быть обновлены для использования пакета NuGet. Для проектов, которые не получается обновить сразу, пакет SDK по-прежнему доступен в Visual Studio Marketplace и в качестве дополнительного компонента в установщике Visual Studio.

Для проектов, которые разработаны в Visual Studio 2022, рекомендуется использовать пакеты NuGet и npm TypeScript. Они обеспечивают лучшую переносимость между разными средами и платформами. Дополнительные сведения см. в статьях Компиляция кода TypeScript (ASP.NET Core) и Компиляция кода TypeScript (Node.js).

Шаблоны проектов

В Visual Studio 2022 добавлена поддержка нового типа проекта JavaScript/TypeScript (.esproj), который позволяет создавать автономные проекты Angular, React и Vue в Visual Studio. Такие интерфейсные проекты создаются с помощью средств CLI платформы, установленных на локальном компьютере, поэтому версию шаблона вы можете выбрать на свое усмотрение. Сведения о миграции из существующих проектов Node.js в новую систему проектов см. в статье Миграция проектов Node.js.

В этих новых проектах можно выполнять модульные тесты JavaScript и TypeScript, легко добавлять и подключать проекты на основе API ASP.NET Core и скачивать модули npm с помощью диспетчера npm. Чтобы приступить к работе, ознакомьтесь с краткими руководствами и другой документацией. Дополнительные сведения см. в учебниках по Visual Studio | JavaScript и TypeScript.

Упрощенный обновленный шаблон доступен начиная с Visual Studio 2022 версии 17.5. По сравнению с шаблонами ASP.NET SPA, доступными в Visual Studio, шаблоны .esproj SPA для ASP.NET Core обеспечивают лучшее управление зависимостями npm, а также лучшую поддержку сборки и публикации.

Visual Studio 2019 предоставляет обширную поддержку для разработки JavaScript, как с помощью прямого использования JavaScript, также и с помощью языка программирования TypeScript, который был разработан с целью повышения продуктивности и интереса во время разработки на JavaScript, особенно при разработке масштабных проектов. Код JavaScript или TypeScript в Visual Studio можно написать для многих типов приложений и служб.

Служба языка JavaScript

Опыт работы с JavaScript в Visual Studio 2019 обеспечивается тем же обработчиком, что и поддержка TypeScript. Это позволяет улучшить поддержку компонентов, функциональность и интеграцию сразу в готовом виде.

Функция восстановления устаревшей языковой службы JavaScript более не доступна. Теперь пользователи сразу получают новую языковую службу JavaScript. Новая языковая служба основана исключительно на языковой службе TypeScript, которая базируется на статическом анализе. Это позволяет нам оптимизировать инструментарий, поэтому ваш код на JavaScript может использовать преимущества расширенной поддержки IntelliSense на основе определений типов. Новая служба имеет небольшой размер и использует меньше памяти, чем устаревшие службы, обеспечивая более высокую производительность пользовательского кода по мере его масштабирования. Также мы улучшили производительность языковой службы для обработки более крупных проектов.

Поддержка TypeScript

Visual Studio 2019 предоставляет несколько вариантов для интеграции компиляции TypeScript в проект.

• Пакет NuGet для TypeScript. Когда в проект устанавливается пакет NuGet или TypeScript 3.2 или более новой версии, в редактор загружается соответствующая версия языковой службы TypeScript.
• Пакет npm для TypeScript. Когда в проект устанавливается пакет npm или TypeScript 2.1 или более новой версии, в редактор загружается соответствующая версия языковой службы TypeScript.
• Также как и стандартный SDK, который можно скачать из VS Marketplace, TypeScript SDK доступен в установщике Visual Studio по умолчанию.

Для проектов, которые разработаны в Visual Studio 2019, рекомендуется использовать пакеты TypeScript NuGet и TypeScript npm. Они обеспечивают лучшую портативность в различных средах и платформах. Дополнительные сведения см. в статьях Компиляция кода TypeScript (ASP.NET Core) и Компиляция кода TypeScript (Node.js).

Проекты

Приложения UWP на JavaScript больше не поддерживаются в Visual Studio 2019. Невозможно создать или открыть проекты UWP на JavaScript (файлы с расширением JSPROJ). Дополнительные сведения см. в документации по созданию прогрессивных веб-приложений (PWA), эффективно работающих на Windows.

Источник

JavaScript и TypeScript

Visual Studio обеспечивает производительность, качество и гибкость для веб-приложений, мобильных приложений и служб на JavaScript.

Мощные инструменты программирования

IntelliSense, навигация по коду и рефакторинг

Visual Studio сильно ускоряет разработку на языке JavaScript благодаря таким функциям, как автозавершение IntelliSense, отображение справки по сигнатурам, межпроектный рефакторинг и моментальная навигация по коду.

Отладка и диагностика

Быстрый поиск ошибок в коде.

Visual Studio обеспечивает встроенные высококлассные возможности для отладки кода на JavaScript. Такие мощные функции, как сопоставление исходного кода позволяют задавать точки останова непосредственно в коде. Профилировщики производительности значительно упрощают поиск узких мест, связанных с памятью, в процессе выполнения. Функция “Только мой код” позволяет сосредоточиться на коде, который вы пишете в настоящий момент, и быстро обнаруживать проблемы, которые замедляют работу.

TypeScript

Масштабируемый JavaScript

Вы можете выйти на новый уровень производительности, добавив TypeScript в существующие проекты, или использовав шаблоны TypeScript, которые позволят быстро приступить к работе. Проверка типов во время компиляции обеспечивает обратную связь в режиме реального времени и предоставляет информацию о потенциальных ошибках, а компиляция нижнего уровня позволяет использовать самые последние (а также еще более новые) функции ES6, не беспокоясь о поддержке браузером или основным приложением.

Веб-интерфейсы

Вы можете разрабатывать веб-приложения, используя любимые платформы

Visual Studio дает возможность интегрировать популярные библиотеки, такие как jQuery, Angular, Vue и React, с полнофункциональными веб-платформами, такими как ASP.NET Core, чтобы быстро создавать мощные приложения для Интернета. Вы сможете объединить проекты интерфейсов с серверными службами, чтобы удобно перемещаться между проектами и развертывать решения целиком.

Node.js

Инструменты Node.js для Visual Studio

Вы можете использовать JavaScript для быстрой разработки веб-служб для многократного использования, которые можно напрямую развернуть в Azure. Вам доступны интегрированные высококлассные инструменты для отладки, профилирования и модульного тестирования, а также широкий набор шаблонов проектов, которые помогут быстро приступить к работе.

Источник