如何为 windows 7 安装 angular-cli
How do you install angular-cli for windows 7
我正在尝试为 windows 安装 angular-cli。我知道命令是 npm install -g angular-cli，但是一旦我 运行 这个命令，我就会尝试执行 ng new 但是我得到一个错误说 "ng is not a recognized command" 我检查了其他问题在这里说你必须将文件夹添加到 PATH 变量，但是当我检查文件夹时我试图安装 angular-cli 到我什至没有看到任何东西。
在这里你可以看到我已经使用提供的命令安装了 angular-cli 并且任何使用 "ng" 命令都会注册和错误：
在这里您可以看到一个空文件夹，其中没有 angular-cli 文件夹或任何与此相关的内容：
请注意 我是 cmd 和 angular 的新手，我真的不知道在这里要采取什么步骤.
在 Windows 7 Professional SP 1 64 位上安装 NodeJs、npm、TypeScript、AngularJS、@angular/cli：
因为我发现许多有价值的提示散布在各个帖子中
经过 'painful' 搜索，这里是一个紧凑的编译
（不是我的想法，而是我的经验）。希望对你有帮助。
安装 Node.js Windows 安装程序 64 位：
https://nodejs.org/en/download/
node-v6.11.0-x64.msi
如果有（公司）代理（安装在防火墙后面）：
针对公司代理配置 npm：
打开 cmd window（未提升，通常您必须是登录用户）
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。
如果您需要传播 user/password，请使用以下语法：
npm 配置设置代理 http://user:pass@Proxy.Company.com:Port
为包设置 npm 目录
（npm 3.10.10 自带 Node.js 但我们稍后会更新）：
npm 配置设置注册表 https://registry.npmjs.org/
更新npm到最新版本：
npm 安装 npm@latest -g
注意：npm update 仅适用于 HTTPS 变体
（注册表 https://registry.npmjs.org/）。
通过 HTTP 设置（见下文），您可以获得 "shasum check failed".
将包的 npm 目录设置为非 HTTPS 变体：
npm 配置设置注册表 http://registry.npmjs.org/
原因：https 变体，这是更新 npm 本身所必需的，
不适用于所有包，例如@angular/cli@最新
或 angular-cli 或 typescript@latest。
安装打字稿：
npm install -g typescript@latest
可能更新Visual Studio 2015 到 Update 3（必要）
（一切也适用于 Community Edition Update 3）：
微软 Visual Studio 专业版 2015
版本 14.0.25422.01 更新 3
Microsoft .NET 框架版本 4.6.01055
确保 Visual Studio 获取实际安装的软件包：
Tools/Options、left-tree/Projects 和 Solutions/External 网络工具，
右侧面板，将 $(PATH) 条目移动到顶部
（在 $(DevEnvDir) 条目之上）。然后关闭 Visual Studio.
安装AngularJS:
npm install angular（我的版本：1.6.5）
安装Angular命令行工具：
npm install -g @angular/cli@latest（@angular/cli 是 angular-cli 的新名称）
检查版本（在cmd window；下面是我的版本）：
node -v => v6.11.0
npm -v => 5.1.0
tsc -v => 2.4.1
ng --version => 1.2.0 (@angular/cli)
安装 Visual Studio 的可选包安装程序
（另见下文 'Links' 部分）：
https://marketplace.visualstudio.com/items?itemName=MadsKristensen.PackageInstaller
(...Downloads\Package 安装程序 v2.0.101.vsix)
如果出现问题，请按照以下步骤重新启动：
- 在C:\Users\
\AppData\Roaming删除目录'npm'
- 在 cmd window 中：npm 缓存清理
或者可能： 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/
请注意 NG.cmd 通常安装在：
C:\Users\Administrator\AppData\Roaming\npm\ng.cmd
...其中 Administrator 可以是用户名。
测试一下！
node -v
要查看是否安装了 Node，请在命令行中键入以上内容。
npm -v
要查看是否安装了 npm，请在命令行中键入以上内容。
安装@angular/cli
npm install @angular/cli
要将此 npm 包添加到本地计算机，请在命令行中键入以上内容。您会注意到一个 node_modules 目录出现在您现在安装包的根目录中。
如果您在安装包时遇到问题，请查看有关在本地安装 npm 包的有用文档
最新版本的 Node.js 和 Angular CLI 可以通过几个简单的步骤在 Windows 7 上设置：
第 1 步：下载 Node.js
从 Nodejs downloads page 下载 Node.js 的最新版本。我已经为 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
我也把所有这些步骤都放在了我的博客中：Setup Node.js and 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
的版本
节点-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 和节点包管理器 (NPM)。
第 3 步：验证 Node.js 安装
键入以下命令来检查 Node.js 和 NPM
的版本
节点-v
npm -v
第 4 步：安装 Angular CLI
此命令将安装最新版本的 angular 命令行。
npm i -g @angular/cli
使用此命令安装最新版本
npm i @angular/cli @latest
我正在尝试为 windows 安装 angular-cli。我知道命令是 npm install -g angular-cli，但是一旦我 运行 这个命令，我就会尝试执行 ng new 但是我得到一个错误说 "ng is not a recognized command" 我检查了其他问题在这里说你必须将文件夹添加到 PATH 变量，但是当我检查文件夹时我试图安装 angular-cli 到我什至没有看到任何东西。
在这里你可以看到我已经使用提供的命令安装了 angular-cli 并且任何使用 "ng" 命令都会注册和错误：
在这里您可以看到一个空文件夹，其中没有 angular-cli 文件夹或任何与此相关的内容：
请注意 我是 cmd 和 angular 的新手，我真的不知道在这里要采取什么步骤.
在 Windows 7 Professional SP 1 64 位上安装 NodeJs、npm、TypeScript、AngularJS、@angular/cli：
因为我发现许多有价值的提示散布在各个帖子中 经过 'painful' 搜索，这里是一个紧凑的编译 （不是我的想法，而是我的经验）。希望对你有帮助。
安装 Node.js Windows 安装程序 64 位： https://nodejs.org/en/download/ node-v6.11.0-x64.msi
如果有（公司）代理（安装在防火墙后面）： 针对公司代理配置 npm： 打开 cmd window（未提升，通常您必须是登录用户）
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。 如果您需要传播 user/password，请使用以下语法：
npm 配置设置代理 http://user:pass@Proxy.Company.com:Port
为包设置 npm 目录 （npm 3.10.10 自带 Node.js 但我们稍后会更新）：
npm 配置设置注册表 https://registry.npmjs.org/
更新npm到最新版本：
npm 安装 npm@latest -g
注意：npm update 仅适用于 HTTPS 变体 （注册表 https://registry.npmjs.org/）。 通过 HTTP 设置（见下文），您可以获得 "shasum check failed".
将包的 npm 目录设置为非 HTTPS 变体：
npm 配置设置注册表 http://registry.npmjs.org/
原因：https 变体，这是更新 npm 本身所必需的， 不适用于所有包，例如@angular/cli@最新 或 angular-cli 或 typescript@latest。
安装打字稿：
npm install -g typescript@latest
可能更新Visual Studio 2015 到 Update 3（必要） （一切也适用于 Community Edition Update 3）： 微软 Visual Studio 专业版 2015 版本 14.0.25422.01 更新 3 Microsoft .NET 框架版本 4.6.01055
确保 Visual Studio 获取实际安装的软件包： Tools/Options、left-tree/Projects 和 Solutions/External 网络工具， 右侧面板，将 $(PATH) 条目移动到顶部 （在 $(DevEnvDir) 条目之上）。然后关闭 Visual Studio.
安装AngularJS:
npm install angular（我的版本：1.6.5）
安装Angular命令行工具： npm install -g @angular/cli@latest（@angular/cli 是 angular-cli 的新名称）
检查版本（在cmd window；下面是我的版本）：
node -v => v6.11.0
npm -v => 5.1.0
tsc -v => 2.4.1
ng --version => 1.2.0 (@angular/cli)
安装 Visual Studio 的可选包安装程序 （另见下文 'Links' 部分）： https://marketplace.visualstudio.com/items?itemName=MadsKristensen.PackageInstaller (...Downloads\Package 安装程序 v2.0.101.vsix)
如果出现问题，请按照以下步骤重新启动：
- 在C:\Users\
\AppData\Roaming删除目录'npm' - 在 cmd window 中：npm 缓存清理 或者可能： 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/
请注意 NG.cmd 通常安装在：
C:\Users\Administrator\AppData\Roaming\npm\ng.cmd
...其中 Administrator 可以是用户名。
测试一下！
node -v
要查看是否安装了 Node，请在命令行中键入以上内容。
npm -v
要查看是否安装了 npm，请在命令行中键入以上内容。 安装@angular/cli
npm install @angular/cli
要将此 npm 包添加到本地计算机，请在命令行中键入以上内容。您会注意到一个 node_modules 目录出现在您现在安装包的根目录中。
如果您在安装包时遇到问题，请查看有关在本地安装 npm 包的有用文档
最新版本的 Node.js 和 Angular CLI 可以通过几个简单的步骤在 Windows 7 上设置：
第 1 步：下载 Node.js
从 Nodejs downloads page 下载 Node.js 的最新版本。我已经为 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
我也把所有这些步骤都放在了我的博客中：Setup Node.js and 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
的版本节点-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 和节点包管理器 (NPM)。
第 3 步：验证 Node.js 安装
键入以下命令来检查 Node.js 和 NPM
的版本节点-v npm -v
第 4 步：安装 Angular CLI 此命令将安装最新版本的 angular 命令行。
npm i -g @angular/cli
使用此命令安装最新版本
npm i @angular/cli @latest