Как установить локальную локальную локальную сеть (без значка -g)

Я только начал работать с Angular и с Angular-CLI, и я видел, что, согласно документации, мне нужно установить $ npm install -g @angular/cli с -g (глобальным) флагом.

Однако я хотел бы, чтобы Angular-CLI устанавливался локально с остальными моими пакетами node_modules. Таким образом, когда я загружаю свой проект из git, я мог бы просто запустить $ npm install (для установки всех зависимостей в моем package.json).

Я пытаюсь создать новый проект, запустив $ npm init а затем запустим $ npm я @angular/cli -D (-D совпадает с --save-Dev). Но затем, когда я запускаю $ ng new project-name создается новый вспомогательный каталог с отдельным каталогом node_modules.

Ответ 1

Как показывают некоторые из комментариев, вы можете иметь локальную и глобальную версию углового кли в вашей системе.

Чтобы иметь доступ к вашей локальной версии вместо глобальной (скажем, у вас есть другая версия, установленная локально, а затем ваша глобальная установка), используйте npm run-script ng

например, npm run-script ng generate component SomeCoolComponent

посмотрите этот ответ на github на аналогичный вопрос: https://github.com/angular/angular-cli/issues/5955#issuecomment-320273493

Ответ 2

Используйте пакет с именем npx npm я -g npx и когда вам нужно создать угловой проект, используйте эту команду впервые npx -p @angular/cli ng new hello-world-project

Например, если вы хотите создать проект angular 4, измените npx -p @angular/[email protected] ng new hello-world-project выше команду, npx -p @angular/[email protected] ng new hello-world-project версию angular- npx -p @angular/[email protected] ng new hello-world-project например, npx -p @angular/[email protected] ng new hello-world-project а затем когда настройка вашего проекта завершена, вы можете вернуться к использованию обычной команды ng generate и других команд.

Версии Angular-Cli указывают, какая угловая версия будет связана с проектом, а Angular-Cli 1.4.10 создает Angular 4 проекта.

Редактирование:

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

(левая сторона указывает на версию cli, а правая - угловая версия) Посмотрите SO ответ здесь, где некоторые другие разработчики пытаются раскрыть эту тайну.

 1.0 - 1.4.x   = ^4.0.0
 1.5.x         = ^5.0.0
 1.6.x - 1.7.x = ^5.2.0
 6.x           = ^6.0.0
 7.x           = ^7.0.0

Кроме того, если вы хотите использовать последнюю стабильную версию для создания определенного углового проекта, вы можете просто использовать команду npx, например, npx -p @angular/[email protected] и она будет использовать cli версию 1.7.4, которая является самой последней стабильной версией для угловых 5.

Ответ 3

Как установить более низкую версию угловой или другой версии углового в вашей системе, убедитесь, что обновленная версия установлена во всем мире. Настройте g @angular/cli

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

npm install ng serve

Note: don't copy any of your node modules from your previous project if the current project you want to work on ,its version its different from formal project which you work on in the past check "@angular/cli": "version" check "@angular/cli": "version", which is located in package.json if its version 1.2.0 its angular 2, version 1.7.0 its angular 6

Ответ 4

После гобальной установки углового клика с помощью команды

npm я -g @angular/[email protected](latest or 1)

ng new app-name

Перейдите в каталог файлов, где вы хотите создать свое угловое приложение. Используйте команду ng new any-name чтобы создать приложение angular, глобальный angular cli которого позаботится об установке локальной версии cli.

Чтобы установить вручную для нового проекта,

npm init -y

npm install @angular/[email protected](latest or 1)

(удалите package.json перед использованием следующей команды) ng new app-name ng будет использовать локальную версию cli для создания угловой версии приложения 5, 6 или 7 на основе установленной локальной версии ng.

для установки local в существующем режиме используйте только команду npm install @angular/[email protected](latest or 1).

Ответ 5

Просто следуйте этой команде

npm install  @angular/cli

Это сработало для меня.

Ответ 6

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

Если вы установили cli как devDependency, другими словами, у вас есть в package.json следующие строки:

devDependencies": {
   "@angular/cli": "X.X.X",

Вы можете просто запустить npx внутри проекта.

npx ng version

При этом в node_modules/.bin/ будет node_modules/.bin/ ссылка ng, которая в действительности указывает на ../@angular/cli/bin/ng

Ответ 7

Чтобы установить angular локально, выполните следующие действия: Пусть угловая 8 установлена глобально, и нам нужно установить угловую 6 локально - Мы создадим папку с именем "angular6" на диске C и создадим angular проект 6 с именем "ng6-test-project".

введите в терминале следующую команду -

    c:\> md angular6
    c:\> cd angular6
    c:\angular6> md ng6-test-project
    c:\angular6> cd ng6-test-project
    c:\angular6\ng6-test-project> npm install @angular/[email protected]
    c:\angular6\ng6-test-project> cd..
    c:\angular6> npx -p @angular/[email protected] ng new ng6-test-project
    c:\angular6> cd ng6-test-project
    c:\angular6\ng6-test-project> npx ng --version
    c:\angular6\ng6-test-project> npm audit fix
    c:\angular6\ng6-test-project> npx ng serve --port 4201

если в каких-либо пакетах и версиях, таких как rxjx и т.д. возникает ошибка Откройте package.json и найдите "rxjs": "~ 6.4.0", измените его на "rxjs": "6.0.0" и сохраните. Затем в терминале введите следующее, чтобы обновить rxjs -

    c:\angular6\ng6-test-project> npm install

чтобы исправить любое предупреждение в пакетах, выполните следующее -

    c:\angular6\ng6-test-project> npm audit fix

введите следующее, чтобы проверить угловую версию локально

    c:\angular6\ng6-test-project> npx ng --version

это приведет к новой angular версии, сохраненной локально

Чтобы запустить проект в новом порту, введите следующее -

    c:\angular6\ng6-test-project> npx ng serve --port 4201

Ответ 8

Чтобы использовать ng из командной строки, он должен находиться в этом каталоге или в вашей переменной PATH системы.

Перед тем, как у вас есть проект, у вас нет доступных ng. Установка его с помощью npm я @angular/cli установит его только в папку node_modules и не сделает его доступным в PATH.

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

Как только это будет сделано, вы можете установить версию по вашему выбору в папке проектов, так как эта версия будет использоваться глобальной версией, когда она существует.