2017-01-23 49 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