如何使用 CLI 创建特定版本的 Angular 项目?
How to Create a specific version of Angular Project using CLI?
我的 npm 版本是 5.5.1 和 angular cli 版本是 6.2.1。当我尝试使用命令 ng new Project_name 创建一个新项目时,它正在创建最新版本的 angular (在我的例子中 它正在创建 Angular 版本 ^6.1.0)。但是我想要Angular4。
我的问题是如何创建这个Angualr2/4/5(特定版本而不是最新版本)?
我不认为更改 package.json 中的版本值对我的情况有帮助,因为旧版本和最新版本 6 存在一些差异(例如一个名称文件已从 angular-cli.json 更改为 anguar.json,不仅名称而且内容也发生了变化。)
我也在 Angular-cli Github 网站上提出了同样的问题。 click here
提前致谢!!
创建一个 package.json
文件,然后定义要安装的 angular 版本,然后 运行 npm install
它将创建所需版本的项目,而不管全局 angular cli
使用 CLI 无法创建特定的 angular 版本。
但是您可以将特定版本的 angular CLI 安装到特定文件夹中。
例如:
第一个 create new folder
在任何驱动器内。我要在 D 盘中创建演示文件夹。例如:d:\projects\demo
.
然后在 Command Prompt(cmd)
中找到此文件夹,或者只需在 windows 中创建的文件夹地址栏中键入 cmd
并按回车键。
现在键入 angular 特定版本命令:npm install @angular/cli@1.7.x
for angular 5. 对其他版本使用类似的命令。
完成安装后,只需在您最近安装的特定文件夹中创建新的 angular 项目 angular。例如:d:\projects\demo\
。
现在使用命令 ng new Project_name
创建 angular 项目,它将创建 your specific angular version
项目。
在我的示例中,它将创建 angular 5 个项目。
这应该可以
使用名为 npx npm i -g npx
的包,当您需要创建一个 angular 项目时,第一次使用此命令 npx -p @angular/cli ng new hello-world-project
之后你可以使用正常的命令来工作,比如 ng g c abc
简单的方法:
示例:npm install @angular/cli@6
这里的 -g 标志告诉 npm 在全局范围内执行此安装。最后的 6 告诉 npm 我想要最新的可用版本 6。
如果我想为 Angular 5 创建一个新应用程序,我会这样做:
> npm install @angular/cli@1
> ng new my-ng5-app
请记住,Angular CLI 是 Angular 5.
的 1.7 版
如果我想为 Angular 6 创建一个新应用程序,我会这样做:
> npm install @angular/cli@6
> ng new my-ng6-app
如果我想为 Angular7 创建一个新应用程序,我会这样做:
> npm install @angular/cli@7
> ng new my-ng7-app
如果我想为 Angular 12 创建一个新应用程序,我会这样做:
> npm install @angular/cli@12
> ng new my-app-name
希望对您有所帮助谢谢....!
您可以使用 npx 命令,它是 Node.js 包运行器,通过 运行 包直接从注册表而不影响全局安装的包注册表 (-g)。
@next 会自动安装来自 Angular repo 的最新预览版(现在指的是版本 9 rc),像这样:
npx @angular/cli@next new Angular9Project
否则,您可以提供具体版本:
npx @angular/cli@7 new Angular7Project
NPX comes bundled with NPM version 5.2+
TL;DR
Use a package called npx (run npm i -g npx
if not already installed) and when you need to create an angular project, just use this command the very first time:
npx -p @angular/cli@latest ng new hello-world-project
Note: Replace @latest
with your desired CLI version.
Remember:,
For Angular 6 & above, the Angular-CLI version has been brought to the same level as the Angular such that npx -p @angular/cli@6
creates angular 6 project & npx -p @angular/cli@7
creates angular 7 project etc.
解释:
所以比如你想创建angular4项目,修改上面的命令包括 angular-cli 版本 1.4.10 像这样 npx -p @angular/cli@1.4.10 ng new hello-world-project
然后当你的项目设置完成后你可以返回使用正常的 ng generate
和其他命令。
Angular-cli versions indicate which angular version will be associated
with a project & angular-cli 1.4.10 creates angular 4 projects
编辑:
这里有一些有用的版本控制信息,关于哪个 cli 创建哪个 angular 版本。
CLI version Angular version
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
此外,如果您想使用最新的稳定版本来创建某个 angular 项目,您可以像这样使用 npx 命令 npx -p @angular/cli@1.7
它将使用 cli 版本 1.7.4,这是angular 5.
的最新稳定版本
我的 npm 版本是 5.5.1 和 angular cli 版本是 6.2.1。当我尝试使用命令 ng new Project_name 创建一个新项目时,它正在创建最新版本的 angular (在我的例子中 它正在创建 Angular 版本 ^6.1.0)。但是我想要Angular4。 我的问题是如何创建这个Angualr2/4/5(特定版本而不是最新版本)? 我不认为更改 package.json 中的版本值对我的情况有帮助,因为旧版本和最新版本 6 存在一些差异(例如一个名称文件已从 angular-cli.json 更改为 anguar.json,不仅名称而且内容也发生了变化。) 我也在 Angular-cli Github 网站上提出了同样的问题。 click here
提前致谢!!
创建一个 package.json
文件,然后定义要安装的 angular 版本,然后 运行 npm install
它将创建所需版本的项目,而不管全局 angular cli
使用 CLI 无法创建特定的 angular 版本。
但是您可以将特定版本的 angular CLI 安装到特定文件夹中。
例如:
第一个 create new folder
在任何驱动器内。我要在 D 盘中创建演示文件夹。例如:d:\projects\demo
.
然后在 Command Prompt(cmd)
中找到此文件夹,或者只需在 windows 中创建的文件夹地址栏中键入 cmd
并按回车键。
现在键入 angular 特定版本命令:npm install @angular/cli@1.7.x
for angular 5. 对其他版本使用类似的命令。
完成安装后,只需在您最近安装的特定文件夹中创建新的 angular 项目 angular。例如:d:\projects\demo\
。
现在使用命令 ng new Project_name
创建 angular 项目,它将创建 your specific angular version
项目。
在我的示例中,它将创建 angular 5 个项目。
这应该可以
使用名为 npx npm i -g npx
的包,当您需要创建一个 angular 项目时,第一次使用此命令 npx -p @angular/cli ng new hello-world-project
之后你可以使用正常的命令来工作,比如 ng g c abc
简单的方法:
示例:npm install @angular/cli@6
这里的 -g 标志告诉 npm 在全局范围内执行此安装。最后的 6 告诉 npm 我想要最新的可用版本 6。
如果我想为 Angular 5 创建一个新应用程序,我会这样做:
> npm install @angular/cli@1
> ng new my-ng5-app
请记住,Angular CLI 是 Angular 5.
的 1.7 版如果我想为 Angular 6 创建一个新应用程序,我会这样做:
> npm install @angular/cli@6
> ng new my-ng6-app
如果我想为 Angular7 创建一个新应用程序,我会这样做:
> npm install @angular/cli@7
> ng new my-ng7-app
如果我想为 Angular 12 创建一个新应用程序,我会这样做:
> npm install @angular/cli@12
> ng new my-app-name
希望对您有所帮助谢谢....!
您可以使用 npx 命令,它是 Node.js 包运行器,通过 运行 包直接从注册表而不影响全局安装的包注册表 (-g)。
@next 会自动安装来自 Angular repo 的最新预览版(现在指的是版本 9 rc),像这样:
npx @angular/cli@next new Angular9Project
否则,您可以提供具体版本:
npx @angular/cli@7 new Angular7Project
NPX comes bundled with NPM version 5.2+
TL;DR
Use a package called npx (runnpm i -g npx
if not already installed) and when you need to create an angular project, just use this command the very first time:
npx -p @angular/cli@latest ng new hello-world-project
Note: Replace
@latest
with your desired CLI version.
Remember:, For Angular 6 & above, the Angular-CLI version has been brought to the same level as the Angular such thatnpx -p @angular/cli@6
creates angular 6 project &npx -p @angular/cli@7
creates angular 7 project etc.
解释:
所以比如你想创建angular4项目,修改上面的命令包括 angular-cli 版本 1.4.10 像这样 npx -p @angular/cli@1.4.10 ng new hello-world-project
然后当你的项目设置完成后你可以返回使用正常的 ng generate
和其他命令。
Angular-cli versions indicate which angular version will be associated with a project & angular-cli 1.4.10 creates angular 4 projects
编辑:
这里有一些有用的版本控制信息,关于哪个 cli 创建哪个 angular 版本。
CLI version Angular version
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
此外,如果您想使用最新的稳定版本来创建某个 angular 项目,您可以像这样使用 npx 命令 npx -p @angular/cli@1.7
它将使用 cli 版本 1.7.4,这是angular 5.