如何在本地安装Angular CLI（不带-g标志）

Question

我刚刚开始使用Angular和Angular-CLI，我已经看到了，根据文档，我需要使用$ npm install -g @angular/cli（全局）标志安装-g。

但是我想在本地安装Angular-CLI和其余的node_modules包。这样，当我从git下载我的项目时，我可以简单地运行$ npm install（用于在我的package.json中安装所有依赖项）。

我尝试通过运行$ npm init创建一个新项目，然后运行$ npm i @angular/cli -D（-D与--save-dev相同）。但是当我运行$ ng new project-name时，使用单独的node_modules目录创建了一个新的子目录。

Answer 1

正如一些评论所暗示的那样，您可以在系统上使用本地和全局版本的angular cli。

要能够访问本地版本而不是全局版本（假设您在本地安装了不同的版本，那么您的全局安装）使用npm run-script ng

例如npm run-script ng generate component SomeCoolComponent

在github上查看这个回答类似的问题：https://github.com/angular/angular-cli/issues/5955#issuecomment-320273493

Answer 2

使用名为npx npm i -g npx的包，当你需要创建一个角项目时，第一次使用这个命令npx -p @angular/cli ng new hello-world-project 所以例如，如果你想创建angular 4项目，修改上面的命令，包括像这个npx -p @angular/[email protected] ng new hello-world-project的angular-cli版本1.4.10，然后当你的项目设置完成后，你可以回到使用正常的ng generate和其他命令。

Angular-cli版本指示哪个角度版本将与项目相关联＆angular-cli 1.4.10创建角度4项目

编辑：

这是一些有用的版本信息，关于哪个cli创建哪个角度版本。

（左侧表示cli版本，右侧表示角度版本）查看SO答案here，其他一些开发者试图揭开这个神秘面纱。

 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 -p @angular/[email protected]的npx命令，它将使用cli版本1.7.4，这是角度5的最新稳定版本。

Answer 3

如何在系统上安装较低版本的角度或其他版本的角度，确保全局安装更新版本npm install 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

Answer 4

使用命令后使用角度cli安装gobal

npm i -g @angular/cli@(latest or 1)

ng new app-name

转到您要创建角度应用程序的文件目录。使用命令ng new any-name创建角度应用程序，全局角度cli将注意安装本地cli版本。

要手动安装新项目，

npm init -y

npm install @angular/cli@(latest or 1)

（在使用下一个命令之前删除package.json）这里的ng new app-name将使用本地cli版本根据安装的本地ng版本创建角度应用程序版本5或6或7。

在现有的安装本地只使用命令qazxsw poi。

Answer 5

只需按照此命令

npm install @angular/cli@(latest or 1)

它对我有用。

Answer 6

npm生态系统越来越倾向于安装工具作为项目本地npm install @angular/cli ，而不是要求用户在全球安装它们。这被认为是一种很好的做法。

如果你已经将cli安装为devDependencies，换句话说，你在devDependency中有以下几行：

package.json

您只需在项目中运行

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

即可。

npx

这将在npx ng version 文件夹中搜索node_modules/.bin/链接，实际上指向ng

Answer 7

要从命令行使用ng，它需要位于该目录或系统PATH变量中。

在您有项目之前，您没有可用的项目。使用../@angular/cli/bin/ng安装它只会将它安装在node_modules文件夹中，而不是在PATH中使它可用。

因此，它需要至少全局安装一次，因为全局安装的节点模块可以选择在PATH中使用。

完成此操作后，您可以在项目文件夹中安装所选的版本，因为该版本将在全局版本存在时使用。