Javascript microsoft: JavaScript at Microsoft | Microsoft Developer

Содержание

JavaScript в Майкрософт | Microsoft Developer


  • Код

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

    Visual Studio CodeGitHub CodespacesВидео: отладка веб-приложения в VS Code

  • Ускорить

    Создавайте быстрее и эффективнее с помощью средств и платформ, которые помогают максимально эффективно использовать код.

    TypeScript: масштабируемый Код JavaScriptБыстрый: адаптивная система разработки для ИнтернетаПакеты SDK Azure для JavaScript

  • Тест

    Протестируйте код и убедитесь, что он работает должным образом. У нас есть инструменты, которые помогут вам протестировать код на каждом этапе разработки.

    Разработка с помощью веб-браузера EdgeСерия видео: комплексное тестирование с помощью PlaywrightНастройка непрерывной интеграции с GitHub Actions

  • Выполнить

    Разверните код в облаке и запустите его в рабочей среде своим способом.

    Серия видео: Статические веб-приложения AzureПриложения-контейнеры AzureРуководство. Подключение и запрос данных из Azure Cosmos DB с помощью Node.js

Просмотрите наши популярные видео о JavaScript

  • Приложение полного стека с Azure SQL & Prisma

    Glaucia Lemos демонстрирует, как создать масштабируемое, устойчивое и надежное приложение с полным стеком с помощью Node.Js, Prisma, Azure SQL и Функции Azure.

    Смотреть видеосерию «

  • Next.js и Статические веб-приложения Azure

    Наталья Venditto рассказывает, как вы можете сделать свои веб-приложения пылающими быстро с помощью Next.js и Статические веб-приложения Azure.

    Смотреть видео «

  • Зачем Node.js learn?

    Йохан Ласорса (Yohan Lasorsa) и Вассим Чегам (Wassim Chegham) обсуждают, что Node. js и почему она должна быть частью вашего технологического портфеля.

    Смотреть видеосерию «

Учебные материалы

  • Серия видео: серия для начинающих на JavaScript

    Изучите основы javaScript langage.

  • Серия видео: серия для начинающих, чтобы Node.js

    Ознакомьтесь с основами Node.js и их использованием для создания приложений.

  • Руководство. Создание приложений с помощью Node.js

    Полный путь обучения, чтобы узнать, как создавать приложения Node.js.

  • Руководство. Развертывание и размещение приложения Node.js в Azure

    Разверните свое первое приложение Node.js за несколько шагов.

Получите дополнительные материалы с помощью Microsoft.Source, нашего ежемесячного информационного бюллетеня сообщества разработчиков. Зарегистрируйтесь здесь.

Средства для разработчиков JavaScript

Дополнительные ресурсы для разработки

Azure для разработчиков JavaScript

Изучите возможности JavaScript в Azure с помощью кратких руководств, инструкций, примеров кодов и других ресурсов.

Изучение «






Общие сведения об API JavaScript для Office — Office Add-ins





Twitter




LinkedIn




Facebook




Адрес электронной почты










  • Статья


  • Чтение занимает 2 мин


Надстройка Office может использовать API JavaScript для Office, чтобы взаимодействовать с содержимым документа Office, в котором запущена надстройка.

Доступ к библиотеке API JavaScript для Office

Доступ к библиотеке API JavaScript для Office можно получить через сеть доставки содержимого (CDN) Office JS по адресу https://appsforoffice.microsoft.com/lib/1/hosted/office.js. Чтобы использовать API JavaScript для Office на любой из веб-страниц надстройки, требуется указать ссылку на CDN в теге <script> тега <head> страницы.

<head>
    ...
    <script src="https://appsforoffice.microsoft.com/lib/1/hosted/office.js" type="text/javascript"></script>
</head>

Примечание.

Чтобы использовать API предварительных версий, требуется указать ссылку на предварительную версию библиотеки API JavaScript для Office в сети CDN: https://appsforoffice.microsoft.com/lib/beta/hosted/office.js.

Дополнительные сведения о доступе к библиотеке API JavaScript для Office, в том числе о способе получения функции IntelliSense, см. в статье Добавление ссылок на библиотеку API JavaScript для Office из сети доставки содержимого (CDN).

Модели API

API JavaScript для Office включает две модели:

  • API-интерфейсы для определенных приложений предоставляют объекты со строгой типизацией, которые можно использовать для взаимодействия с собственными объектами определенных приложений Office. Например, вы можете использовать API JavaScript для Excel с целью доступа к листам, диапазонам, таблицам, диаграммам и т. д. API для определенных приложений в настоящее время доступны для следующих приложений Office.

    • Excel
    • OneNote
    • PowerPoint
    • Word

    Эта модель API использует обещания и позволяет указывать несколько операций в каждом запросе, отправляемом в приложение Office. Подобные пакетные операции могут значительно повысить производительность надстроек для веб-приложений Office. API для определенных приложений появились в Office 2016, и их нельзя использовать для работы с Office 2013.

    Примечание.

    Существует также специальный API для приложения Visio, но его можно использовать только на страницах SharePoint Online для интерактивной работы с встроенными в них диаграммами Visio. Веб-надстройки Office не поддерживаются в Visio.

    Дополнительные сведения об этой модели API см. в статье Использование модели API для конкретного приложения.

  • Общие API-интерфейсы можно использовать для доступа к таким компонентам, как пользовательский интерфейс, диалоговые окна и параметры клиентов, общие для нескольких типов приложений Office. Эта модель API использует обратные вызовы, позволяющие указывать только одну операцию в каждом запросе, отправляемом в приложение Office. Общие API появились в Office 2013, и их можно использовать для работы с Office 2013 и более поздними версиями. Подробнее об объектной модели общих API, включающей API для взаимодействия с Outlook, PowerPoint и Project, см. в статье Объектная модель общих API JavaScript.

Примечание.

Пользовательские функции без общей среды выполнения выполняются в среде выполнения, доступной только для JavaScript , которая приоритезирует выполнение вычислений. Эти функции используют несколько иную модель программирования.

Наборы обязательных элементов API

Наборы обязательных элементов — это именованные группы элементов API. Наборы обязательных элементов могут относиться к конкретному приложению Office, например набор обязательных элементов ExcelApi 1.7 (набор API, который можно использовать только в Excel), или быть общими для нескольких приложений, например набор обязательных элементов DialogApi 1.1 (набор API, который можно использовать в любом приложение Office, поддерживающем API диалоговых окон).

Используя наборы обязательных элементов, надстройка может определять, поддерживает ли приложение Office необходимые элементы API. Дополнительные сведения об этом см. в статье Указание приложений Office и обязательных элементов API.

Поддержка набора обязательных элементов зависит от приложения Office, версии и платформы. Подробные сведения о платформах, наборах обязательных элементов и общих API, поддерживаемых каждым приложением Office, см. в статье Доступность клиентских приложений и платформ для надстроек Office.

Примечание.

Если вы планируете опубликовать надстройку в AppSource и Office, она должна соответствовать Политикам сертификации коммерческого рынка.  Например, она должна работать на всех платформах, поддерживающих определенные вами методы. Дополнительные сведения см. в разделе 1120.3 и на странице с информацией о доступности для платформ и приложений Office.

См. также

  • Справочник по API JavaScript для Office
  • Загрузка модели DOM и среды выполнения
  • Ссылки на библиотеку API JavaScript для Office
  • Инициализация надстройки Office
  • Среды выполнения в надстройках Office






Обучение работе с Azure и JavaScript — Azure

Обратная связь

Редактировать

Твиттер

LinkedIn

Фейсбук

Эл. адрес

  • Статья
  • 2 минуты на чтение

Используйте обучение от Microsoft или партнера Microsoft, чтобы расширить свое понимание Azure с помощью JavaScript.

JavaScript

Начинающие

  • Путь: Веб-разработка для начинающих

    • Модуль

  • : Введение в Node.js
  • Путь: Создание приложений JavaScript с помощью Node.js

    • Путь

  • : Создание ваших первых веб-приложений с помощью React

    • Модуль

  • : создание нового проекта Node.js и работа с зависимостями
  • Создание веб-API с помощью Node.js и Express
  • Работа с файлами и каталогами в приложении Node.js

    • Модуль

  • : интерактивная отладка приложений Node.js с помощью встроенных отладчиков и отладчиков Visual Studio Code

    • Модуль

  • : Введение в управление маршрутами в Node.js с помощью JavaScript

    • Модуль

  • : интерактивная отладка приложений Node.js с помощью встроенных отладчиков и отладчиков Visual Studio Code

Средний уровень

  • Путь: сделайте первые шаги с Vue. js
  • Путь: изучение сценариев Microsoft Graph для разработки JavaScript

    • Модуль

  • : переход с Express.js на бессерверную версию

    • Модуль

  • : развертывание приложения Express.js в службе приложений

    • Модуль

  • : развертывание веб-приложения Express.js с базой данных MongoDB в службе приложений Azure

    • Модуль

  • : создание базовой облачной службы с использованием PostgreSQL и Node.js

    • Модуль

  • : Загрузка и отправка файлов в приложение JavaScript с помощью Microsoft Graph

TypeScript

Новичок

  • Модуль: Начало работы с TypeScript
  • Путь: Создание приложений JavaScript с использованием TypeScript
  • Игровая площадка

Промежуточный

  • Модуль: реализация интерфейсов в TypeScript

    • Модуль

  • : объявление типов переменных в TypeScript

    • Модуль

  • : разработка типизированных функций с использованием TypeScript

    • Модуль

  • : Организация кода с использованием пространств имен TypeScript

    • Модуль

  • : Определение дженериков в TypeScript

    • Модуль

  • : объявление и создание экземпляров классов в TypeScript

    • Модуль

  • : объявление и создание экземпляров классов в TypeScript

    • Модуль

  • : доступ к внешним библиотекам из TypeScript

JavaScript в Azure

Следующее обучение научит вас, как использовать Azure с JavaScript:

Пути обучения

  • Создание бессерверных полностековых приложений в Azure

Azure DevOps

  • Модуль: Автоматизация развертывания Node. js с помощью Azure Pipelines

Статические веб-приложения

  • Статическое веб-приложение, JavaScript, CodeTour: используйте баскетбольную статистику для оптимизации игрового процесса с помощью Visual Studio Code, вдохновленного SPACE JAM: A NEW LEGACY
  • Публикация приложения JavaScript Angular, React, Svelte или Vue с помощью Статических веб-приложений Azure
  • Создайте и опубликуйте статическое веб-приложение с помощью Gatsby и Статических веб-приложений Azure
  • Создайте простой веб-сайт с помощью HTML, CSS и JavaScript

Серверные API

  • Создание узла HTTP-сервера

Бессерверные API

  • Создание бессерверных API с помощью функций Azure
  • Преобразование Node.js и Express API в бессерверные API с функциями Azure
  • Используйте код Visual Studio для создания панели мониторинга JavaScript и Vue.js с бессерверным API на основе функций Azure и Node.js.

DevOps (CI/CD)

  • Создание рабочих процессов непрерывной интеграции (CI) с помощью GitHub Actions
  • Автоматизируйте развертывание Node. js с помощью Azure Pipelines

Приложения для работы с данными

  • Создание приложения Node.js для Azure Cosmos DB в Visual Studio Code

Виртуальные машины

  • Создание и запуск веб-приложения со стеком MEAN на виртуальной машине Azure Linux

Образовательные партнеры Майкрософт

Примите одно из этих предложений от партнера.

  • Курс 40410-A: Веб-разработка JavaScript, HTML и CSS
  • Курс 20480-C: Программирование на HTML5 с помощью JavaScript и CSS3

Экзамены

  • Экзамен 70-480: Программирование на HTML5 с помощью JavaScript и CSS3
  • Экзамен 98-382: Введение в программирование с использованием JavaScript

Сертификаты

  • MTA: Введение в программирование с использованием JavaScript
  • MCSA: веб-приложения
  • Новые выпуски

Следующие шаги

  • Используйте обучение Microsoft, чтобы изучить и улучшить свои навыки работы с JavaScript в Azure.

Обратная связь

Отправить и просмотреть отзыв для

Этот продукт

Эта страница

Просмотреть все отзывы о странице

Программирование на JavaScript с помощью кода Visual Studio

Редактировать

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

Большинство этих функций работают сразу после установки, а некоторые могут потребовать базовой настройки, чтобы получить наилучшие впечатления. На этой странице представлены функции JavaScript, поставляемые с VS Code. Расширения из VS Code Marketplace могут дополнять или изменять большинство этих встроенных функций. Более подробное руководство о том, как эти функции работают и как их можно настроить, см. в разделе Работа с JavaScript.

IntelliSense

IntelliSense показывает интеллектуальное завершение кода, информацию о наведении курсора и информацию о подписи, чтобы вы могли писать код быстрее и правильнее.

К сожалению, ваш браузер не поддерживает видео HTML 5.

VS Code обеспечивает IntelliSense в ваших проектах JavaScript; для многих библиотек npm, таких как React , lodash и express ; и для других платформ, таких как node , без сервера или IoT.

См. раздел Работа с JavaScript, чтобы получить информацию о IntelliSense для JavaScript в VS Code, о том, как его настроить, и помочь в устранении распространенных проблем с IntelliSense.

Проекты JavaScript (jsconfig.json)

Файл jsconfig.json определяет проект JavaScript в VS Code. Хотя файлы jsconfig.json не требуются, вам потребуется создать их в таких случаях, как:

  • Если не все файлы JavaScript в вашей рабочей области следует рассматривать как часть одного проекта JavaScript. jsconfig.json позволяют исключить некоторые файлы из отображения в IntelliSense.
  • Чтобы убедиться, что подмножество файлов JavaScript в вашей рабочей области рассматривается как один проект. Это полезно, если вы работаете с устаревшим кодом, который использует неявные глобальные зависимости вместо , импортирующего для зависимостей.
  • Если ваша рабочая область содержит более одного контекста проекта, например внешний и внутренний код JavaScript. Для многопроектных рабочих пространств создайте jsconfig.json в корневой папке каждого проекта.
  • Вы используете компилятор TypeScript для компиляции исходного кода JavaScript нижнего уровня.

Чтобы определить базовый проект JavaScript, добавьте jsconfig.json в корень рабочей области:

 {
  "Параметры компилятора": {
    "модуль": "commonjs",
    "цель": "es6"
  },
  "исключить": ["node_modules"]
}

Дополнительные сведения о настройке jsconfig. json см. в разделе Работа с JavaScript.

Совет: Чтобы проверить, является ли файл JavaScript частью проекта JavaScript, просто откройте файл в VS Code и выполните команду JavaScript: Перейти к конфигурации проекта . Эта команда открывает файл jsconfig.json , который ссылается на файл JavaScript. Уведомление отображается, если файл не является частью какого-либо проекта jsconfig.json .

Фрагменты

VS Code включает базовые фрагменты JavaScript, которые предлагаются при вводе;

К сожалению, ваш браузер не поддерживает видео HTML 5.

Существует множество расширений, предоставляющих дополнительные фрагменты, в том числе фрагменты для популярных фреймворков, таких как Redux или Angular. Вы даже можете определить свои собственные фрагменты.

Совет : Чтобы отключить предложения фрагментов, установите editor. snippetSuggestions на «none» в файле настроек. Параметр editor.snippetSuggestions также позволяет изменить расположение фрагментов в предложениях: вверху ( "сверху" ), внизу ( "снизу" ) или встроены в алфавитном порядке ( "встроены" ). По умолчанию "встроенный" .

Поддержка JSDoc

VS Code понимает многие стандартные аннотации JSDoc и использует эти аннотации для предоставления расширенных возможностей IntelliSense. При желании вы даже можете использовать информацию о типе из комментариев JSDoc, чтобы проверить свой JavaScript.

К сожалению, ваш браузер не поддерживает видео HTML 5.

Быстро создавайте комментарии JSDoc для функций, набрав /** перед объявлением функции и выберите комментарий JSDoc предложение фрагмента:

К сожалению, ваш браузер не поддерживает видео HTML 5.

Чтобы отключить предложения комментариев JSDoc, установите "javascript. suggest.completeJSDocs": false .

Наведите указатель мыши на символ JavaScript, чтобы быстро просмотреть информацию о его типе и соответствующую документацию.

Сочетание клавиш ⌘K ⌘I (Windows, Linux Ctrl+K Ctrl+I) показывает эту информацию при наведении на текущую позицию курсора.

Когда вы пишете вызовы функций JavaScript, VS Code показывает информацию о сигнатуре функции и выделяет параметр, который вы сейчас заполняете:

Справка по подписи отображается автоматически при вводе ( или , внутри функции вызов. Нажмите ⇧⌘Пробел (Windows, Linux Ctrl+Shift+Пробел), чтобы вручную вызвать справку по подписи. предложения, VS Code автоматически добавляет импорт для него в начало файла.0003

Просто начните печатать, чтобы увидеть предложения для всех доступных символов JavaScript в вашем текущем проекте. Предложения автоматического импорта показывают, откуда они будут импортированы:

Если вы выберете одно из этих предложений автоматического импорта, VS Code добавит для него импорт.

В этом примере VS Code добавляет импорт для Button из material-ui в начало файла:

Чтобы отключить автоматический импорт, установите "javascript.suggest.autoImports" на ложь .

Совет: VS Code пытается определить наилучший стиль импорта. Вы можете явно настроить предпочтительный стиль кавычек и стиль пути для импорта, добавленного в ваш код, с помощью параметров javascript.preferences.quoteStyle и javascript.preferences.importModuleSpecifier .

Форматирование

Встроенный модуль форматирования JavaScript в VS Code обеспечивает базовое форматирование кода с приемлемыми значениями по умолчанию.

javascript.format.* настройки настраивают встроенный форматтер. Или, если мешает встроенный модуль форматирования, установите для "javascript.format.enable" значение false , чтобы отключить его.

Чтобы получить более специализированные стили форматирования кода, попробуйте установить одно из расширений форматирования JavaScript из Marketplace.

JSX и автоматически закрывающиеся теги

Все функции JavaScript VS Code также работают с JSX:

Вы можете использовать синтаксис JSX как в обычном *.js файлов и *.jsx файлов.

VS Code также включает функции JSX, такие как автоматическое закрытие тегов JSX:

К сожалению, ваш браузер не поддерживает видео HTML 5.

Установите "javascript.autoClosingTags" на false , чтобы отключить закрытие тега JSX.

Навигация по коду

Навигация по коду позволяет быстро перемещаться по проектам JavaScript.

  • Перейти к определению F12 — Перейти к исходному коду определения символа.
  • Определение просмотра ⌥F12 (Windows Alt+F12, Linux Ctrl+Shift+F10) — открыть окно просмотра, в котором показано определение символа.
  • Перейти к ссылкам ⇧F12 (Windows, Linux Shift+F12) — Показать все ссылки на символ.
  • Перейти к определению типа — Перейти к типу, определяющему символ. Для экземпляра класса это покажет сам класс, а не место, где определен экземпляр.

Вы можете перемещаться с помощью поиска по символам, используя Перейти к командам Symbol из палитры команд (⇧⌘P (Windows, Linux Ctrl+Shift+P)).

  • Перейти к символу в файле ⇧⌘O (Windows, Linux Ctrl+Shift+O)
  • Перейти к символу в рабочей области ⌘T (Windows, Linux Ctrl+T)

Переименовать

Нажмите F2, чтобы переименовать символ под курсором в вашем проекте JavaScript:

Рефакторинг

VS Code включает несколько удобных рефакторингов для JavaScript, таких как Функция извлечения и Извлечение константы . Просто выберите исходный код, который вы хотите извлечь, а затем щелкните лампочку в поле или нажмите (⌘. (Windows, Linux Ctrl+.)) для просмотра доступных рефакторингов.

Доступные рефакторинги включают:

  • Извлечение метода или функции.
  • Извлечь в константу.
  • Преобразование между именованным импортом и импортом пространства имен.
  • Перейти к новому файлу.

Дополнительные сведения о рефакторингах и о том, как настроить сочетания клавиш для отдельных рефакторингов, см. в разделе Рефакторинг.

Неиспользуемые переменные и недостижимый код

Неиспользуемый код JavaScript, такой как блок else оператора if , который всегда истинен или импорт без ссылок, исчезает в редакторе:

Вы можете быстро удалить этот неиспользуемый код наведя на него курсор и выполнив команду Quick Fix (⌘. (Windows, Linux Ctrl+.)) или щелкнув лампочку.

Чтобы отключить исчезновение неиспользуемого кода, установите "editor.showUnused" на ложь . Вы также можете отключить исчезновение неиспользуемого кода только в JavaScript, установив:

 "[javascript]": {
    "editor.showUnused": ложь
},
"[javascriptреакция]": {
    "editor.showUnused": ложь
},

Организовать импорт

Организовать импорт Исходное действие сортирует импорт в файле JavaScript и удаляет все неиспользуемые импорты:

К сожалению, ваш браузер не поддерживает видео HTML 5.

Вы можете запустить Организовать импорт из действия источника или с помощью сочетания клавиш ⇧⌥O (Windows, Linux Shift+Alt+O).

Организовать импорт также можно автоматически при сохранении файла JavaScript, установив:

 "editor.codeActionsOnSave": {
    "source.organizeImports": правда
}

Действия кода при сохранении

Параметр editor. codeActionsOnSave позволяет настроить набор действий кода, которые выполняются при сохранении файла. Например, вы можете включить организацию импорта при сохранении, установив:

 // При сохранении запустите исходные действия fixAll и OrganizeImports
"editor.codeActionsOnSave": {
    "source.fixAll": правда,
    "source.organizeImports": правда,
}

Вы также можете установить editor.codeActionsOnSave для массива кодовых действий, которые будут выполняться по порядку.

Вот некоторые исходные действия:

  • "organizeImports" — Позволяет организовать импорт при сохранении.
  • "fixAll" — Автоматическое исправление при сохранении вычисляет все возможные исправления за один раунд (для всех поставщиков, включая ESLint).
  • "fixAll.eslint" — Автоматическое исправление только для ESLint.
  • "addMissingImports" — Добавляет все отсутствующие импорты при сохранении.

Дополнительные сведения см. в разделе Node.js/JavaScript.

Предложения по коду

VS Code автоматически предлагает некоторые распространенные упрощения кода, такие как преобразование цепочки .then вызывает обещание использовать async и await

К сожалению, ваш браузер не поддерживает видео HTML 5.

Установите "javascript.suggestionActions.enabled" на false , чтобы отключить предложения.

Подсказки-вкладыши

Подсказки-вкладыши добавляют дополнительную встроенную информацию в исходный код, чтобы помочь вам понять, что делает код.

Вложенные подсказки имени параметра показывают имена параметров в вызовах функций:

Это может помочь вам понять значение каждого аргумента с первого взгляда, что особенно полезно для функций, которые принимают логические флаги или имеют параметры, которые легко перепутать.

Чтобы включить подсказки имени параметра, установите javascript.inlayHints.parameterNames . Возможны три значения:

  • нет — отключить подсказки вкладки параметров.
  • literals  — показывать подсказки вкладок только для литералов (строка, число, логическое значение).
  • все — показывать подсказки для всех аргументов.

Подсказки вкладок типов переменных показывают типы переменных, которые не имеют явных аннотаций типов.

Параметр: javascript.inlayHints.variableTypes.enabled

Подсказки вкладок типа свойства показывают тип свойств класса, которые не имеют явной аннотации типа.

Параметр: javascript.inlayHints.propertyDeclarationTypes.enabled

Подсказки типа параметра показывают типы неявно типизированных параметров.

Параметр: javascript. inlayHints.parameterTypes.enabled

Подсказки вкладок типа возвращаемого значения показывают возвращаемые типы функций, которые не имеют явной аннотации типа.

Параметр: javascript.inlayHints.functionLikeReturnTypes.enabled

Ссылки CodeLens

Ссылки JavaScript CodeLens отображает встроенный счетчик ссылок для классов, методов, свойств и экспортированных объектов:

8 Для включения ссылок CodeLens, набор "javascript.referencesCodeLens.enabled" от до true .

Нажмите на счетчик ссылок, чтобы быстро просмотреть список ссылок:

Обновить импорт при перемещении файла

Когда вы перемещаете или переименовываете файл, который импортируется другими файлами в вашем проекте JavaScript, VS Code может автоматически обновлять все пути импорта, которые ссылаются на перемещенный файл:

К сожалению, ваш браузер не поддерживает видео HTML 5.

javascript.updateImportsOnFileMove.enabled 9Параметр 0220 управляет этим поведением. Допустимые значения параметров:

  • "подсказка"  – значение по умолчанию. Спрашивает, следует ли обновлять пути для каждого перемещения файла.
  • "всегда"  — Всегда автоматически обновлять пути.
  • "никогда"  – не обновлять пути автоматически и не запрашивать.

Линтеры

Линтеры выдают предупреждения о подозрительном коде. Хотя в VS Code нет встроенного линтера JavaScript, на рынке доступно множество расширений линтера JavaScript.

Совет: Этот список динамически запрашивается из VS Code Marketplace. Прочтите описание и отзывы, чтобы решить, подходит ли вам расширение.

Проверка типов

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

TypeScript пытался вывести типы в файлах .js так же, как и в файлах .ts . Когда типы невозможно вывести, их можно указать явно с помощью комментариев JSDoc. Вы можете узнать больше о том, как TypeScript использует JSDoc для проверки типов JavaScript, в разделе Работа с JavaScript.

Проверка типов JavaScript является необязательной и необязательной. Существующие инструменты проверки JavaScript, такие как ESLint, можно использовать вместе со встроенными функциями проверки типов.

Отладка

VS Code поставляется с отличной поддержкой отладки для JavaScript. Устанавливайте точки останова, проверяйте объекты, перемещайтесь по стеку вызовов и выполняйте код в консоли отладки. Дополнительные сведения см. в разделе Отладка.

Отладка на стороне клиента

Вы можете отлаживать код на стороне клиента с помощью отладчика браузера, такого как встроенный отладчик для Edge и Chrome или отладчик для Firefox.

Отладка на стороне сервера

Отладка Node.js в VS Code с помощью встроенного отладчика. Настройка проста, и вам поможет руководство по отладке Node.js.

Популярные расширения

VS Code поставляется с отличной поддержкой JavaScript, но вы можете дополнительно установить отладчики, фрагменты кода, линтеры и другие инструменты JavaScript через расширения.

Совет: Указанные выше расширения запрашиваются динамически. Нажмите на плитку расширения выше, чтобы прочитать описание и отзывы, чтобы решить, какое расширение лучше всего подходит для вас. Смотрите больше на торговой площадке.

Следующие шаги

Читайте дальше, чтобы узнать о:

  • Работа с JavaScript — более подробная информация о поддержке JavaScript в VS Code и способах устранения распространенных проблем.
  • jsconfig.json — Подробное описание файла проекта jsconfig.json .
  • IntelliSense — узнайте больше об IntelliSense и о том, как его эффективно использовать для вашего языка.
  • Отладка — узнайте, как настроить отладку для своего приложения.
  • Node.js — пошаговое руководство по созданию экспресс-приложения Node.js.
  • TypeScript — VS Code отлично поддерживает TypeScript, что обеспечивает структуру и строгую типизацию кода JavaScript.

Общие вопросы

Поддерживает ли VS Code JSX и React Native?

VS Code поддерживает JSX и React Native . Вы получите IntelliSense для React/JSX и React Native из автоматически загружаемых файлов объявления типов из репозитория файлов объявлений типов npmjs. Кроме того, вы можете установить популярное расширение React Native из Marketplace.

Чтобы включить операторы импорта ES6 для React Native , необходимо установить для параметра компилятора allowSyntheticDefaultImports значение true . Это говорит компилятору создать синтетические элементы по умолчанию, и вы получаете IntelliSense. React Native использует Babel за кулисами для создания надлежащего кода времени выполнения с элементами по умолчанию. Если вы также хотите выполнить отладку кода React Native , вы можете установить расширение React Native.

Поддерживает ли VS Code язык программирования Dart и платформу Flutter?

Да, существуют расширения VS Code для разработки Dart и Flutter. Вы можете узнать больше в документации Flutter.dev.

IntelliSense не работает для внешних библиотек

Автоматическое получение типов работает для зависимостей, загруженных npm (указан в package.json ), Bower (указан в bower.json ) и для многих наиболее распространенных библиотеки, перечисленные в вашей структуре папок (например, jquery-3.1.1.min.js ).

Импорт стиля ES6 не работает.

Если вы хотите использовать импорт в стиле ES6, но в некоторых файлах объявлений типов еще не используется экспорт в стиле ES6, установите для параметра компилятора TypeScript allowSyntheticDefaultImports значение true.

 {
  "Параметры компилятора": {
    "модуль": "commonjs",
    "цель": "es6",
    // Это строка, которую вы хотите добавить
    "allowSyntheticDefaultImports": правда
  },
  "исключить": ["node_modules", "**/node_modules/*"]
}

Можно ли отлаживать минимизированный/упрощенный JavaScript?

Да, можно. Вы можете увидеть, как это работает, используя исходные карты JavaScript в разделе Отладка Node.js.

Как отключить проверку синтаксиса при использовании конструкций, отличных от ES6?

Некоторые пользователи хотят использовать синтаксические конструкции, такие как предлагаемый оператор конвейера ( |> ). Однако в настоящее время они не поддерживаются языковой службой JavaScript VS Code и помечаются как ошибки. Для пользователей, которые все еще хотят использовать эти будущие функции, мы предоставляем Настройка javascript.validate.enable .

С помощью javascript.validate.enable: false вы отключаете все встроенные проверки синтаксиса. Если вы сделаете это, мы рекомендуем вам использовать линтер, такой как ESLint, для проверки вашего исходного кода.

Могу ли я использовать другие инструменты JavaScript, такие как Flow?

Да, но некоторые функции языка Flow, такие как проверка типов и ошибок, могут мешать встроенной поддержке JavaScript в VS Code.