it-swarm.com.ru

Как использовать NPM и устанавливать пакеты внутри Visual Studio 2017?

У меня есть простое решение Visual Studio, работающее с ASP.NET Core v2 и создающее приложение React.

Теперь я хочу установить простой компонент, используя NPM. В этом конкретном примере это может быть:

npm install --save react-bootstrap-typeahead

Я хочу, чтобы этот пакет работал только в моем решении и больше нигде.

Мой результат:

Когда я запускаю это, я получаю следующую Nice-ошибку, которая, очевидно, имеет некоторый смысл. Если NPM считает, что может найти файл моего проекта по адресу 'C:\Users\LarsHoldgaard\package.json', это не повезло. Правильный путь будет C:\Users\LarsHoldgaard\Documents\Github\Likvido.CreditRisk\Likvido.CreditRisk\Likvido.CreditRisk.

npm : npm WARN saveError ENOENT: no such file or directory, open 'C:\Users\LarsHoldgaard\package.json'
At line:1 char:1
+ npm install --save react-bootstrap-typeahead
+ ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    + CategoryInfo          : NotSpecified: (npm WARN saveEr...d\package.json':String) [], RemoteException
    + FullyQualifiedErrorId : NativeCommandError

npm

WARN

enoent
 ENOENT: no such file or directory, open 'C:\Users\LarsHoldgaard\package.json'

npm

WARN
 [email protected] requires a peer of [email protected]>=0.4.0 but none is installed. You must install peer dependencies yourself.

npm

WARN
 [email protected] requires a peer of [email protected]>=0.13.0 but none is installed. You must install peer dependencies yourself.

npm

WARN
 [email protected] requires a peer of [email protected]^0.14.0 || ^15.2.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.

npm

WARN
 react-bootstra[email protected] requires a peer of [email protected]^0.14.0 || ^15.2.0 || ^16.0.0 but none is installed. You must install peer dependencies yourself.

npm

WARN
 [email protected] requires a peer of [email protected]>=0.14.0 but none is installed. You must install peer dependencies yourself.

npm

WARN
 [email protected] requires a peer of [email protected]^0.14.9 || >=15.3.0 but none is installed. You must install peer dependencies yourself.

npm

WARN
 [email protected] requires a peer of [email protected]^0.14.9 || >=15.3.0 but none is installed. You must install peer dependencies yourself.

npm

WARN
 [email protected] requires a peer of [email protected]^15.5.x || ^16.x but none is installed. You must install peer dependencies yourself.

npm

WARN
 [email protected] requires a peer of [email protected]^15.5.x || ^16.x but none is installed. You must install peer dependencies yourself.

npm

WARN
 [email protected] requires a peer of [email protected]>=15.0.0 but none is installed. You must install peer dependencies yourself.

npm

WARN
 [email protected] requires a peer of [email protected]>=15.0.0 but none is installed. You must install peer dependencies yourself.

npm

WARN
 LarsHoldgaard No description

npm

WARN
 LarsHoldgaard No repository field.

npm

WARN
 LarsHoldgaard No README data

npm

WARN
 LarsHoldgaard No license field.

Мое мышление:

Будучи консоль noob, я думаю, мне просто нужно изменить мою текущую папку. Но если я запускаю dir, я нахожусь в нужной папке и вижу свой package.json вместе с другими файлами.

Как правильно установить компоненты?

8
Lars Holdgaard

Чтобы избежать перехода вручную в правильный каталог, используйте расширение «Open Command Line» от Mads Kristensen. Он доступен бесплатно на торговой площадке. Вы найдете это здесь .

После установки вы можете удобно открыть командную строку прямо из Visual Studio.

 enter image description here

Тип: используйте контекстную клавишу ALT + Пробел вместо контекстного меню, чтобы открыть командную строку.

Затем вы можете запустить команду npm:

npm install react-bootstrap-typeahead

В качестве примечания: Начиная с npm 5.0.0, установленные модули по умолчанию добавляются в качестве зависимости, поэтому опция --save больше не требуется.

9
Postlagerkarte

Я думаю, что самый простой способ - это просто использовать пользовательский интерфейс, предоставляемый Visual Studio.

Создайте в корневом каталоге вашего проекта package.json (для этого, щелкните правой кнопкой мыши свой проект, добавьте элемент и найдите NPM. Вы найдете npm Configuration File):

{
  "name": "SomeName",
  "version": "1.0.0",
  "private": true,
  "devDependencies": {
    "react-bootstrap-typeahead": "*"
  }
}

Обратите внимание, что * для последней версии. Это не рекомендуется. Лучше указать версию, которую вы хотите. Вы заметите, что у вас есть поддержка intellisence для версий и имен пакетов.

Каждый раз, когда вы вносите изменения в файл JSON, просто нажмите CTRL + S, Visual Studio автоматически вызывает NPM и восстанавливает пакеты.

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

10
Christian Gollhardt
  • В проводнике Windows перейдите туда, где находится файл package.json в вашем проекте. 
  • Создайте папку с именем node_modules в том же каталоге, что и ваш файл package.json
  • Удерживая левую клавишу [Shift], щелкните правой кнопкой мыши папку, содержащую файл project.json
  • В контекстном меню выберите «Открыть окно команд здесь». 
  • Введите вашу команду npm npm install --save react-bootstrap-typeahead
0
AperioOculus