你如何為 Windows 7 安裝 angular-cli

Question

我正在嘗試為 Windows 安裝 angular-cli。 我知道命令是 npm install -g angular-cli，但是一旦我運行這個命令，我就會嘗試做 ng new 但是我得到一個錯誤說“ng 不是一個可識別的命令”我檢查了這里的其他問題說你必須將該文件夾添加到 PATH 變量，但是當我檢查文件夾時，我嘗試將 angular-cli 安裝到我什至看不到任何東西。

在這里你可以看到我已經使用提供的命令安裝了 angular-cli 並且任何“ng”命令的使用都會注冊和錯誤：

在這里你可以看到一個空文件夾，沒有 angular-cli 文件夾或任何與此相關的內容：

請注意，我對 cmd 和 angular 很陌生，我真的不知道在這里要采取什么步驟。

Answer 1

在 Windows 7 Professional SP 1 64 位上安裝 NodeJs、npm、TypeScript、AngularJS、@angular/cli：

由於我在“痛苦的”搜索后才發現散布在各種帖子中的許多有價值的提示，這里是一個緊湊的匯編（不是我的想法，而是我的經驗）。 希望能幫助到你。

1. 安裝 Node.js Windows Installer 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 配置集代理http://user:pass@Proxy.Company.com:Port

3. 為包設置 npm 目錄（npm 3.10.10 隨 Node.js 一起提供，但我們稍后會更新）：

   npm 配置設置注冊表https://registry.npmjs.org/

4. 將 npm 更新到最新版本：

   npm 安裝 npm@latest -g

   注意：npm update 僅適用於 HTTPS 變體（注冊表https://registry.npmjs.org/ ）。 使用 HTTP 設置（見下文），您將獲得“shasum 檢查失敗”。

5. 將包的 npm 目錄設置為非 HTTPS 變體：

   npm 配置設置注冊表http://registry.npmjs.org/

   原因：更新 npm 本身所必需的 https 變體不適用於所有包，例如 @angular/cli@latest 或 angular-cli 或 typescript@latest。

6. 安裝打字稿：

   npm install -g typescript@latest

7. 可能將 Visual Studio 2015 更新為 Update 3（必要）（使用 Community Edition Update 3 一切正常）：Microsoft Visual Studio Professional 2015 Version 14.0.25422.01 Update 3 Microsoft .NET Framework Version 4.6.01055

8. 確保 Visual Studio 獲取實際安裝的包：工具/選項、左樹/項目和解決方案/外部 Web 工具、右側面板，將 $(PATH) 條目移動到頂部（在 $(DevEnvDir) 條目上方）。 然后關閉 Visual Studio。

9. 安裝 AngularJS：

   npm 安裝角度（我的版本：1.6.5）

10. 安裝 Angular 命令行工具： npm install -g @angular/cli@latest （@angular/cli 是 angular-cli 的新名稱）

11. 檢查版本（在 cmd 窗口中；我的版本如下）：

    節點 -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”
• 在 cmd 窗口中： npm cache clean 或可能： npm cache clean --force
• 在修復模式下運行 node-v6.11.0-x64.msi
• 繼續第 (2.) 項。

鏈接：

• https://visualstudiomagazine.com/articles/2017/04/01/set-up-aspnet-mvc.aspx
• https://hassantariqblog.wordpress.com/2016/10/08/angular2-using-angular2-with-typescript-for-asp-net-mvc-in-visual-studio-2015/
• https://www.codeproject.com/Articles/1164014/Kick-Start-with-AngularJS-and-Visual-Studio
• http://www.fladi.de/2014/02/06/howto-npm-hinter-einem-proxy-verwenden/

Answer 2

只需幾個簡單的步驟，即可在 Windows 7 上設置最新版本的 Node.js 和 Angular CLI：

第 1 步：下載 Node.js

從Nodejs 下載頁面下載最新版本的Node.js。 我已經下載了適用於 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 命令行界面 (CLI) 是創建新 Angular 項目的最簡單方法。 執行以下 NPM 命令來安裝 Angular CLI：

npm install @angular/cli -g

安裝完成后，可以使用 ng 命令訪問 CLI 工具。

第 5 步：驗證 Angular CLI

輸入命令：

ng -v

我還將所有這些步驟放在我的博客中： Setup Node.js and Angular CLI

Answer 3

測試一下！

node -v

要查看是否安裝了 Node，請在命令行中鍵入以上內容。

npm -v

要查看是否安裝了 npm，請在命令行中鍵入以上內容。 安裝@angular/cli

npm install @angular/cli

要將這個 npm 包添加到您的本地計算機，請在命令行中鍵入以上內容。 您會注意到 node_modules 目錄出現在您現在安裝軟件包的根目錄中。

如果您在安裝包時遇到問題，請查看有關在本地安裝 npm 包的有用文檔

Answer 4

請注意NG.cmd正常安裝在：

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

...其中Administrator可以是用戶名。

Answer 5

第 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 命令行界面 (CLI) 是創建新 Angular 項目的最簡單方法。 執行以下 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

Answer 6

使用此命令安裝最新版本

npm i @angular/cli @latest