你如何为 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 非常陌生，我真的不知道在这里采取什么步骤。

原文由 tgrim90 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

由于我在“痛苦”的搜索之后才发现许多有价值的提示分散在各种帖子中，这里是一个紧凑的汇编（不是我的想法，而是我的经验）。希望能帮助到你。

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 替换为您的代理设置）

   提示：这两项设置都是必需的，请向您的管理员询问正确的网址。如果您需要传播用户/密码，请使用以下语法：

   npm config 设置代理 http://user:[e-mail]: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 check failed”。

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 更新到更新 3（必要）（在社区版更新 3 中一切正常）： Microsoft Visual Studio Professional 2015 版本 14.0.25422.01 更新 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 窗口中；我的版本如下）：

    节点-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\\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/

原文由 Erik Nagel 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

只需几个简单的步骤即可在 Windows 7 上设置最新版本的 Node.js 和 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 和节点包管理器 (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

我还将所有这些步骤放在了我的博客中： 设置 Node.js 和 Angular CLI

原文由 Aj Tech Developer 发布，翻译遵循 CC BY-SA 3.0 许可协议