web-dev-qa-db-ja.com

インストールAngular 5 CLIバージョンを通じて

私はUbuntu 18を使用していて、Angular 5プロジェクトを開始したいので、Node、npm、TypeScript、最後に最新の安定したAngular CLIを以下のコマンドでインストールしました。

Sudo npm install -g @angular/cli

したがって、デフォルトでは、最新の安定したAngular CLIをダウンロードします。これは6.1.3になり、デフォルトでAngular 5ではなくAngular 6バージョンを提供します。これは私の要件です。

同じ場所で非常に多くのページを検索した後、Angular 5の最新バージョン5.2.11に適切なCLIバージョンを取得しました。

また、多くの投稿を視聴しましたが、その多くはAngular 5が新たに公開された昨年の2017年のものです。

それで私の問題は、以前のバージョンのAngular CLIをインストールしてAngular 5の最新バージョンを取得することですか?

3
ArifMustafa

OS:Ubuntu 18(Linux)

注:インストールのプレフィックスとしてSudoを使用してください。 Windowsユーザーは、管理者としてcmdを開きます。

Sudo apt-get update
  1. NodeJS 8.11.3 LTSのインストール

    curl -sL https://deb.nodesource.com/setup_8.x | Sudo -E bash -
    
    Sudo apt-get install -y nodejs
    
    node -v
    v8.11.3
    
  2. npmはNode.jsと共にインストールされます

    npmはNode.jsとともに配布されます。つまり、Node.jsをダウンロードすると、コンピューターにnpmが自動的にインストールされます。

    npm -v
    6.3.0
    
  3. TypeScriptを取得する

    Sudo npm install -g TypeScript
    
    tsc -v
    Version 3.0.1
    
  4. Rootを使用してangular/cliをインストールします

    Sudo -s
    root@ubuntu:~# 
    
  5. Angular 5.2.11にはCLIバージョン1.6.6を使用します

    root@ubuntu:~# npm install -g @angular/[email protected]
    // it will download files and take some minutes
    
    root@ubuntu:~# ng -v
    
        _                      _                 ____ _     ___
       / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
      / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
     / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
    /_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
                   |___/
    
    Angular CLI: 1.6.6
    Node: 8.11.3
    OS: linux x64
    Angular: 
    ...
    
  6. ここで、ルートを終了します

    exit
    // reach where you want to create your new project
    ng new angular5App
    // it will download files and take some minutes
    
  7. プロジェクトディレクトリ内に到達

    cd angular5App
    // check project dependencies from package.json
    
  8. プロジェクトのコンパイル、バンドル、実行

    ng serve -on
    
  9. デフォルトでは、プロジェクトはhttp://localhost:4200/

上記のバージョンのChrome 65で、Inspect、Elements、

内部<body> 小切手 <app-root _nghost-c0="" ng-version="5.2.11">

7
ArifMustafa

ただこれをして

  1. angularprojects」と言う新しいフォルダを作成します
  2. cmdを使用して「angularprojects」フォルダに移動します
  3. このコマンドを実行してください:Sudo npm install -g @angular/[email protected]
  4. Sudo ng new my-first-projectを使用して新しいプロジェクトを作成するか、既存のプロジェクトを貼り付けます

  5. cd my-first-projectと入力してください

  6. ng serveを使用して実行する