如何为Windows 7

Question

我正在尝试为Windows安装angular-cli。我知道命令是npm install -g angular-cli，但是一旦我运行这个命令，我就会尝试新的但是我得到一个错误说＆＃34; ng不是一个公认的命令＆＃34;我在这里检查了其他问题，说你必须将文件夹添加到PATH变量，但是当我检查文件夹时，我试图安装angular-cli，我甚至看不到任何东西。< / p>

在这里你可以看到我已经使用提供的命令安装了angular-cli，并且使用了＆＃34; ng＆＃34;命令寄存器和错误：

在这里，您可以看到一个没有angular-cli文件夹的空文件夹或其他任何内容：

请注意 我对cmd和angular很新，我真的不知道在这里采取什么步骤。

Answer 1

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

因为我发现许多有价值的提示只散布在各个帖子上 在痛苦之后＃39;搜索，这里是一个紧凑的编译 （不是我的想法，而是我的经验）。希望它有所帮助。

1. 安装64位的Node.js Windows Installer：  https://nodejs.org/en/download/  节点v6.11.0-x64.msi

2. 如果有（公司 - ）代理（安装在防火墙后面）：  针对company-proxy配置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 set proxy http://user:pass@Proxy.Company.com:Port

3. 设置包的npm目录    （npm 3.10.10附带Node.js但我们稍后会更新）：

   npm config set registry https://registry.npmjs.org/

4. 将npm更新为最新版本：

   npm install npm @ latest -g

   注意：npm update仅适用于HTTPS变体      （注册表https://registry.npmjs.org/）。      通过HTTP设置（见下文），您可以获得＆＃34; shasum检查失败＆＃34;。

5. 将软件包的npm目录设置为非HTTPS变体：

   npm config set registry http://registry.npmjs.org/

   原因：https-variant，这是更新npm本身所必需的，      是否适用于所有套餐，例如@角/ CLI @最新      或者angular-cli或者typescript @ latest。

6. 安装TypeScript：

   npm install -g typescript @ latest

7. 可能将Visual Studio 2015更新为更新3（必要）     （所有功能都适用于Community Edition Update 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窗口中;我的版本如下）：

    node -v =＆gt; v6.11.0

    npm -v =＆gt; 5.1.0

    tsc -v =＆gt; 2.4.1

    ng --version =＆gt; 1.2.0（@ angular / cli）

12. 为Visual Studio安装可选包安装​​程序                      （另请参阅下面的＆＃39;链接＆＃39;部分）：   https://marketplace.visualstudio.com/items?itemName=MadsKristensen.PackageInstaller   （... Downloads \ Package Installer v2.0.101.vsix）

如果出现问题，请按以下步骤重新启动：

• 在C：\ Users \＆lt; User＆gt; \ AppData \ Roaming中删除目录＆＃39; npm＆＃39;
• 在cmd窗口中：npm cache clean  或者可能：npm cache clean --force
• 在repair-mode
中运行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

最新版本的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

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