web-dev-qa-db-ja.com

Windows 7用のangle-cliのインストール方法

私はWindows用のangular-cliをインストールしようとしています。私はコマンドがnpm install -g angular-cliであることを知っていますが、このコマンドを実行したら、ng newを実行しようとしますが、「ngは認識されたコマンドではありません」というエラーが表示されますフォルダーをPATH変数に追加する必要がありますが、フォルダーをチェックインするときに、angular-cliをインストールしようとしましたが、何も表示されません。

ここで、提供されたコマンドを使用してangle-cliをインストールし、「ng」コマンドの使用が登録およびエラーすることを確認できます。

x

ここでは、angular-cliフォルダーなどのない空のフォルダーを確認できます。

And here you can see an empty folder with no angular-cli folders or anything for that matter

注意してください私はcmdとangularに非常に新しいので、どのステップに進むべきか全く分かりませんここに取ります。

17
tgrim90

Windows 7 ProfessionalでのNodeJs、npm、TypeScript、AngularJS、@ angular/cliのインストールSP 1 64ビット:

「痛みを伴う」検索の後でのみ、さまざまな投稿に多くの貴重なヒントが散らばっているのを見つけたので、ここでコンパクトな編集を行います(私のアイデアではなく、私の経験)。それが役に立てば幸い。

  1. node.js Windowsインストーラー64ビットのインストール: https://nodejs.org/en/download/ node-v6.11.0-x64.msi

  2. (会社)プロキシ(ファイアウォールの背後にインストール)がある場合:会社プロキシに対してnpmを構成します:cmdウィンドウを開きます(昇格されていない、通常はログインユーザーである必要があります)

    npm config set proxy http://Proxy.Company.com:Port (Proxy.Company.com:Portをプロキシ設定に置き換えます)

    npm config set https-proxy http://Proxy.Company.com:Port (Proxy.Company.com:Portをプロキシ設定に置き換えます)

    ヒント:両方の設定が必要です。管理者に正しいURLを尋ねてください。ユーザー/パスワードを伝達する必要がある場合は、次の構文を使用します。

    npm config set proxy http:// user:[email protected]:Port

  3. パッケージのnpmディレクトリを設定します(npm 3.10.10にはNode.jsが付属していますが、後で更新します):

    npm config set registry https://registry.npmjs.org/

  4. Npmを最新バージョンに更新します。

    npm install npm @ latest -g

    注意:npm updateはHTTPSバリアント(レジストリ https://registry.npmjs.org/ )でのみ機能します。 HTTP設定(以下を参照)を使用すると、「shasum check failed」を獲得できます。

  5. パッケージのnpmディレクトリを非HTTPSバリアントに設定します。

    npm config set registry http://registry.npmjs.org/

    理由:https-variantは、npm自体を更新するために必要でしたが、すべてのパッケージで機能しません。 @ angular/cli @ latestまたはangular-cliまたはTypeScript @ latestのいずれか。

  6. TypeScriptをインストールします。

    npm install -g TypeScript @ latest

  7. おそらくVisual Studio 2015をUpdate 3(必要)に更新します(Community Edition Update 3でもすべて正常に動作します):Microsoft Visual Studio Professional 2015バージョン14.0.25422.01 Update 3 Microsoft .NET Frameworkバージョン4.6.01055

  8. Visual Studioが実際にインストールされたパッケージを取得することを確認します:ツール/オプション、左ツリー/プロジェクトおよびソリューション/外部Webツール、右パネル、$(PATH)エントリを一番上($(DevEnvDir)エントリの上)に移動します。その後、Visual Studioを閉じます。

  9. AngularJSをインストールします。

    npm install angular(私のバージョン:1.6.5)

  10. Angularコマンドラインツールをインストールします。npm install -g @ angular/cli @ latest(@ angular/cliは、angular-cliの新しい名前です)

  11. バージョンを確認します(cmdウィンドウで、以下の私のバージョン):

    node -v => v6.11.0

    npm -v => 5.1.0

    tsc -v => 2.4.1

    ng --version => 1.2.0(@ angular/cli)

  12. Visual Studioのオプションパッケージインストーラーをインストールします(以下の「リンク」セクションも参照): https://marketplace.visualstudio.com/items?itemName=MadsKristensen.PackageInstaller (... Downloads\Package Installer v2 .0.101.vsix)

問題が発生した場合は、次の手順で再起動します:

  • C:\ Users\<User>\AppData\Roamingでディレクトリ 'npm'を削除します
  • コマンドウィンドウで:npm cache cleanまたは場合によってはnpm cache clean --force
  • 修復モードでnode-v6.11.0-x64.msiを実行します
  • 項目(2.)に進みます。

リンク:

21
Erik Nagel

Node.jsおよびAngular CLIの最新バージョンは、いくつかの簡単な手順でWindows 7にセットアップできます。

ステップ1:Node.jsをダウンロードする

Node.jsの最新リリースを Nodejsダウンロードページ からダウンロードします。 Windows 64ビット用のNode.jsをダウンロードしました。ファイル名は次のとおりです:node-v8.9.3-x64.msi

ステップ2:Windows用Node.jsをインストールします

Windowsエクスプローラーで、ダウンロードしたNodejs .msiファイルを見つけます。 .msiファイルをダブルクリックします。インストールプロセスをガイドする一連の画面が表示されます。これにより、Node.jsとNode Package Manager(NPM)がマシンにインストールされます。

ステップ3:Node.jsのインストールを確認する

Node.jsおよびNPMのバージョンを確認するには、次のコマンドを入力します

node -v
npm -v

ステップ4:Angular CLIをインストールします

新しいAngularプロジェクトを作成するには、Angular Command Line Interface(CLI)が最も簡単な方法です。次のNPMコマンドを実行して、Angular CLIをインストールします。

npm install @angular/cli -g

このインストール後、ngコマンドを使用してCLIツールにアクセスできます。

ステップ5:Angular CLIを確認します

次のコマンドを入力します。

ng -v

また、これらのすべての手順をブログに記載しました。 Node.jsとAngular CLIのセットアップ

11

試して!

node -v

Nodeがインストールされているかどうかを確認するには、コマンドラインに上記を入力します。

npm -v

Npmがインストールされているかどうかを確認するには、コマンドラインに上記を入力します。 @ angular/cliのインストール

npm install @angular/cli

このnpmパッケージをローカルマシンに追加するには、コマンドラインに上記を入力します。パッケージがインストールされているルートにnode_modulesディレクトリが表示されます。

パッケージのインストールに問題がある場合は、npmパッケージをローカルにインストールするための役立つドキュメントをご覧ください

3
Shaaban Ebrahim

ステップ1:Node.jsをダウンロードする

Node.jsの最新リリースは、Nodejsダウンロードページからダウンロードします。 Windows 64ビット用のNode.jsをダウンロードしました。ファイル名はnode-v8.9.3-x64.msiです。

ステップ2:Windows用のNode.jsをインストールします。

Windowsエクスプローラーで、ダウンロードしたNodejs .msiファイルを見つけます。 .msiファイルをダブルクリックします。インストールプロセスをガイドする一連の画面が表示されます。これにより、Node.jsとNode Package Manager(NPM)がマシンにインストールされます。

ステップ3:Node.jsのインストールを確認する

Node.jsおよびNPMのバージョンを確認するには、次のコマンドを入力します

ノード-v npm -v

ステップ4:Angular CLIをインストールします

新しいAngularプロジェクトを作成するには、Angular Command Line Interface(CLI)が最も簡単な方法です。次のNPMコマンドを実行して、Angular CLIをインストールします。ステップ1:Node.jsをダウンロードする

Node.jsの最新リリースは、Nodejsダウンロードページからダウンロードします。 Windows 64ビット用のNode.jsをダウンロードしました。ファイル名はnode-v8.9.3-x64.msiです。

ステップ2:Windows用のNode.jsをインストールします。

Windowsエクスプローラーで、ダウンロードしたNodejs .msiファイルを見つけます。 .msiファイルをダブルクリックします。インストールプロセスをガイドする一連の画面が表示されます。これにより、Node.jsとNode Package Manager(NPM)がマシンにインストールされます。

ステップ3:Node.jsのインストールを確認する

Node.jsおよびNPMのバージョンを確認するには、次のコマンドを入力します

ノード-v npm -v

手順4:Angular CLIのインストールこのコマンドは、angularコマンドラインの最新バージョンをインストールします。

npm i -g @ angular/cli

2
Bhavsar1311

NG.cmdは通常どおりにインストールされることに注意してください。

C:\Users\Administrator\AppData\Roaming\npm\ng.cmd

...ここでAdministratorはユーザー名にすることができます。

2
Young

このコマンドを使用して最新バージョンをインストールします

npm i @angular/cli @latest
0