用npm命令安装或升级Angular CLI的方法(总结)

简而言之

使用一起安装的npm命令来安装Angular和Angular CLI或升级它们的版本时的备忘录。

即使没有 Angular CLI,也可以手动准备 package.json 等文件,并指定包的版本来创建基础源代码,但除非有非常重要的理由,否则使用 Angular CLI 来创建基础项目会更加简便,不建议手动操作。
因此,以下内容基于使用 Angular CLI。

前提 (Qian2ti2)

假设以下是环境的前提条件。

    • Node.js: 10.15.0

 

    npm: 6.4.1

命令列表

请确认当前 Angular 和 Angular CLI 的版本。

如果已经安装了 Angular CLI,可以通过以下命令进行确认。
如果 @angular 系列的包版本是目标版本(本例中为 7.x.x),则表示一切正常。

# バージョン確認コマンド
$ ng --version

     _                      _                 ____ _     ___
    / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
   / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
  / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
 /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                |___/


Angular CLI: 7.0.6
Node: 10.15.0
OS: darwin x64
Angular: 
... 

Package                      Version
------------------------------------------------------
@angular-devkit/architect    0.10.6
@angular-devkit/core         7.0.6
@angular-devkit/schematics   7.0.6
@schematics/angular          7.0.6
@schematics/update           0.10.6
rxjs                         6.3.3
typescript                   3.1.6

如果尚未安装过Angular CLI,可以进行新的安装。

请使用以下命令在全局安装Angular CLI

# グローバルインストール(場合によっては 先頭に "sudo" が必要)
npm install -g @angular/cli

如果版本较旧,请升级Angular CLI。

先卸载当前版本,然后再重新安装一次。

# 消す
npm uninstall -g @angular/cli

# チェック
npm cache verify

# 安定版の最新を再インストール
npm install -g @angular/cli

如果已经升级了Angular CLI,但现有的Angular框架版本较旧,那么需要升级Angular框架本体。

只有存在用Angular制作的应用程序(存在package.json文件)时,才能执行的命令。(在没有源代码的空项目中无法执行)

# ng update パッケージ名
ng update @angular/core

基本上只需直接指定相应的软件包(如 @angular/material)即可。

广告
将在 10 秒后关闭
bannerAds