如何在角度cli 6.0.1中创建角度5项目

时间:2018-05-12 10:43:16

标签: angular6

我的 angular cli版本为6.0.1 节点版本为 8.11.1

image of version

如何创建或添加角度为5的新项目。

如果我使用 ng new [project_name] ,则项目正在下载 angular 6

2 个答案:

答案 0 :(得分:18)

我也偶然发现了这种情况 这是我的解决方案。

不幸的是,我们处于CLI的怜悯之中,这是创建新Angular项目脚手架的最佳方式。
考虑ng new {app_name}不支持版本标志 我们的目标是安装正确的CLI版本。

以下步骤帮助我解决了这个问题:

  1. 创建一个新文件夹:mkdir ng-5-cli && cd ng-5-cli
  2. 初始化NPM npm init
  3. 安装较旧的Angular CLI:npm i @angular/cli@1.7.4 --save-dev
  4. 由于某种原因,ng编译器假定这是一个角度项目目录,不允许在此处运行ng new
  5. 退出当前目录:cd ..
  6. 在步骤#1的目录中使用Angular cli的绝对路径。
  7. 例如/ng-5-cli/node_modules/.bin/ng new some-ng5-app

    这应该使用Angular 5.x版创建一个新的应用程序。

    您可以随时安装其他cli版本并创建自定义软链接,以便将来使用。

答案 1 :(得分:2)

我找到了一个很好的解释以及操作步骤-

https://blog.angularindepth.com/angular-5-or-angular-6-yes-please-d71b08b5e59b

1)全局安装Angular 6 CLI:

npm install -g @angular/cli@6

2)创建一个名为ng5的文件夹,以容纳所有新的Angular 5应用程序:

md ng5
cd ng5

3)在ng5文件夹中,使用以下命令创建一个新的本地npm应用程序:

npm init -y

4)使用以下方法在本地安装Angular 5 CLI:

npm install @angular/cli@1

5)现在,您必须删除本地package.json文件。 如果不这样做,当您尝试使用ng new时,Angular CLI会抱怨。这是因为它会认为您正在尝试在现有的Angular CLI应用程序中创建一个新应用程序。

6)创建新的Angular 5应用程序:

ng new my-ng5-app