2017-01-23 51 views
4

我正在嘗試爲windows安裝angular-cli。我知道命令是npm install -g angular-cli,但是一旦我運行這個命令,然後嘗試執行新的操作,但是我得到一個錯誤,說「ng不是一個可識別的命令」我在這裏檢查了其他問題,說你必須將該文件夾添加到PATH變量中,但是當我檢入文件夾時,我試圖安裝angular-cli,我甚至沒有看到任何東西。如何爲Windows 7安裝angular-cli

在這裏,您可以看到我已經使用所提供的命令安裝角CLI和任何使用的「NG」命令寄存器和錯誤的:

x

在這裏,你可以看到一個空文件夾中沒有角CLI文件夾或任何與此有關:

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

請注意我對cmd和angular很新,我真的不知道要採取什麼措施。的NodeJS,NPM,打字稿,AngularJS,@角/ CLI上的

+1

有您重新啓動CMD實例? –

+0

@ DanielA.White如果你的意思是我關閉了cmd並嘗試再次運行新的測試應用程序是的,我試過了。 – tgrim90

+0

您的全局npm角度cli安裝位於'C:\ Users \ Owner \ AppData \ Roaming \ npm \ node_modules \ angular-cli'(您可以通過運行'npm root -g'命令來獲取它) 。因此,嘗試將其bin文件夾(ng可執行文件所在位置)添加到PATH變量 – Andriy

回答

7

安裝Windows 7專業版SP 1 64位:

既然我已經發現了許多有價值的線索散落在各個崗位只有 後「痛苦'搜索,這裏是一個緊湊的編譯 (不是我的想法,但我的經驗)。希望能幫助到你。

  1. 安裝Node.js的Windows安裝64位: https://nodejs.org/en/download/ 節點v6.11.0-x64.msi

  2. 如果有(公司 - )代理(在防火牆後面安裝): 配置NPM針對公司代理: 打開cmd窗口(不升高,通常你必須登錄用戶)

    NPM配置設置代理http://Proxy.Company.com:Port(與您的代理設置,替換Proxy.Company.com:Port)

    NPM配置設置HTTPS代理http://Proxy.Company.com:Port(與您的代理設置,替換Proxy.Company.com:Port)

    提示:同時需要設置,請向您的管理員正確的 網址。 如果需要傳播用戶/密碼,請使用以下語法:

    NPM配置設置代理http://user:[email protected]:Port

  3. 設置NPM目錄包 (NPM 3.10.10自帶的節點。JS但我們會稍後更新):

    NPM配置組註冊表https://registry.npmjs.org/

  4. NPM更新到最新版本:

    NPM安裝NPM @最新-g

    當心:NPM更新僅適用於HTTPS變體 (註冊表https://registry.npmjs.org/)。 通過HTTP設置(見下文),您可以獲得「shasum check failed」。

    NPM配置組註冊表http://registry.npmjs.org/

    原因:https的變體,這是必要的更新故宮本身, 一點兒也不爲包到非HTTPS變

  5. 集NPM目錄適用於所有軟件包,例如@ angular/cli @ latest 或者angular-cli或typescript @ latest。

  6. 安裝打字稿:

    NPM安裝-g打字稿@最新

  7. 可能更新的Visual Studio 2015年更新3(必要) (一切還正常工作與社區版更新3): Microsoft Visual Studio Professional 2015 版本14.0.25422.01更新3 Microsoft .NET Framework版本4.6.01055

  8. 確保Visual Studio fe請查看實際安裝的軟件包: 工具/選項,左樹/項目和解決方案/外部Web工具, 右側面板,將$(PATH)條目移動到頂部 (位於$(DevEnvDir)條目上方)。之後關閉Visual Studio。

  9. 安裝AngularJS:

    NPM安裝角(我的版本:1.6.5)

  10. 安裝角命令行工具: NPM安裝-g @角/ CLI @最新(@角/ CLI爲角-CLI的新名稱)

  11. 檢查版本(在cmd窗口;低於我版本):

    節點-v => v6.11.0

    NPM -v => 5.1.0

    TSC -v => 2.4.1

    納克--version => 1.2.0(@角/ CLI)

  12. 安裝可選包Visual Studio的安裝程序 (另請參閱下面的'鏈接'部分): https://marketplace.visualstudio.com/items?itemName=MadsKristensen.PackageInstaller (... Downloads \ Package Installer v2.0.101。VSIX)

如果出了毛病,重新啓動,按照下列步驟:

  • 在C:\用戶\ <用戶> \應用程序數據\漫遊刪除目錄 '故宮'
  • 在cmd窗口中:npm緩存清理 或可能:npm緩存清理--force
  • 運行節點-v6.11.0-x64.msi處於修復模式
  • 繼續項目(2.)。

鏈接:

+0

感謝您的回答。它確實有幫助。 –

1

請注意,NG.cmd通常安裝在 C:\ Users \ Administrator \ AppData \ Roaming \ npm \ ng.cmd 其中,Administrator可以是用戶名。 HTH。

1

測試它!

node -v 

要查看是否安裝了節點,請在命令行中鍵入上述內容。

npm -v 

要查看是否安裝NPM,輸入上面的命令行上。 安裝@角/ CLI

npm install @angular/cli 

向該NPM包添加到本地機器,上述鍵入到您的命令行。您會注意到一個node_modules目錄出現在您的根目錄中,該目錄中的軟件包現在已安裝。

如果您在安裝麻煩的包,在幾個簡單的步驟檢查出有用的文檔安裝NPM包本地

3

的Node.js和角度CLI的最新版本可以設置在Windows 7:

第1步:下載Node.js的

從下載的Node.js的最新版本:Nodejs downloads page。我已經下載的Node.js用於Windows 64位和文件名是:節點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:安裝角CLI

角度命令行界面(CLI)是創建新角度項目的最簡單方法。執行以下NPM命令以安裝角CLI:

npm install @angular/cli -g 

此安裝完畢後,CLI工具可以通過使用納克命令訪問。

5步:驗證角CLI

鍵入命令:

ng -v 

我也把我的博客所有這些步驟:Setup Node.js and Angular CLI

+0

如果你運行在代理後面,你可以按照這個tuto https://jjasonclark.com/how-to-setup-node-behind-web-proxy/ –

+0

有用的帖子...謝謝你 – Aniket