Разработка кода JavaScript и TypeScript в Visual Studio без решений или проектов

Вы можете разрабатывать код без проектов или решений. Этот подход позволяет открывать папку кода и сразу же приступить к работе с поддержкой расширенных редакторов, таких как IntelliSense, поиск, рефакторинг, отладка и многое другое. Помимо этих функций, средства Node.js для Visual Studio добавляют поддержку создания файлов TypeScript, управления пакетами npm и выполнения скриптов npm.

Чтобы начать, выберите Файл>Открыть>Папку на панели инструментов. Обозреватель решений отображаются все файлы в папке, и вы можете открыть любой из файлов, чтобы начать редактирование. В фоновом режиме Visual Studio индексирует файлы для включения npm, сборки и отладки функций.

Prerequisites

• В Visual Studio должна быть установлена рабочая нагрузка разработка Node.js

Интеграция npm

Если открытая папка содержит файл package.json , щелкните правой кнопкой мыши package.json , чтобы отобразить контекстное меню (контекстное меню), определенное для npm.

В контекстном меню можно управлять пакетами, установленными npm, так же, как управлять пакетами npm при использовании файла проекта.

Кроме того, меню также позволяет запускать скрипты, определенные в элементе scripts в package.json. Эти скрипты будут использовать версию Node.js, доступную в переменной PATH среды. Скрипты выполняются в новом окне. Это отличный способ выполнения скриптов сборки или запуска.

Сборка и отладка

package.json

Если package.json в папке указывает main элемент, команда отладки доступна в контекстном меню правой кнопкой мыши для package.json. При выборе этой команды запускаетсяnode.exe с указанным скриптом в качестве аргумента.

Если команда отладки не запускает приложение правильно, убедитесь, что файл package.json содержит скрипт запуска, например следующий пример.

"main": "index.js",
"scripts": {
  "start": "node index.js",
  "test": "echo \"Error: no test specified\" && exit 1"
},

В этом примере можно запустить скрипт запуска из package.json, щелкнув правой кнопкой мыши package.json в Обозреватель решений и выбравзапуск скрипта Npm npm>.

Файлы JavaScript

Вы можете отлаживать файлы JavaScript, щелкнув правой кнопкой мыши файл и выбрав "Отладка " в контекстном меню. Это запускает node.exe с этим файлом JavaScript в качестве аргумента.

Если команда отладки не запускает приложение правильно, используйте метод, описанный в разделе package.json , чтобы запустить скрипт запуска.

Файлы TypeScript и tsconfig.json

Если в папке нетtsconfig.json , щелкните правой кнопкой мыши файл TypeScript, чтобы просмотреть команды контекстного меню для сборки и отладки этого файла. При использовании этих команд вы выполняете сборку или отладку с помощью tsc.exe с параметрами по умолчанию. (Перед отладкой необходимо создать файл.)

Если в папке присутствует файлtsconfig.json , щелкните правой кнопкой мыши файл TypeScript, чтобы просмотреть команду меню для отладки этого файла TypeScript. Параметр отображается только в том случае, если в файле tsconfig.json не указан outFile. Если указан outFile, вы можете отлаживать этот файл, щелкнув правой кнопкой мыши по tsconfig.json и выбрав нужный вариант. Файл tsconfig.json также предоставляет возможность сборки, чтобы указать параметры компилятора.

Модульные тесты

Интеграцию модульных тестов можно включить в Visual Studio, указав корневой каталог тестов в package.json:

{
    // ...
    "vsTest":{
        "testRoot": "./tests"
    }
    // ...
}

Средство выполнения теста перечисляет локальные установленные пакеты, чтобы определить, какую платформу тестирования следует использовать. Если ни одна из поддерживаемых платформ не распознается, средство выполнения теста по умолчанию использует exportRunner. Другие поддерживаемые платформы:

• Mocha (mochajs.org)
• Jasmine (Jasmine.github.io)
• Tape (github.com/substack/tape)
• Jest (jestjs.io)

После открытия обозревателя тестов (выберите Тест>Окна>Обозреватель тестов), Visual Studio обнаруживает и отображает тесты.