如何为Windows 7安装angular-cli

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

在这里你可以看到我已经使用提供的命令安装了angular-cli,并且使用了"ng"命令注册和错误:

在这里你可以看到一个没有angular-cli文件夹的空文件夹或者其他任何东西:

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

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

因为我在"痛苦"的搜索之后发现了许多有价值的提示散落在各种帖子上,这里是一个紧凑的汇编(不是我的想法,而是我的经验).希望能帮助到你.

安装Node.js Windows Installer 64位:https: //nodejs.org/en/download/ node-v6.11.0-x64.msi

如果有(公司 - )代理(安装在防火墙后面):针对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:端口

设置包的npm目录(npm 3.10.10随Node.js一起提供,但我们稍后会更新):

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

将npm更新到最新版本:

npm install npm @ latest -g

注意:npm update仅适用于HTTPS变体(注册表https://registry.npmjs.org/).使用HTTP设置(见下文),您将获得"shasum check failed".

将包的npm目录设置为非HTTPS变体:

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

原因:https-variant是更新npm本身所必需的,它不适用于所有软件包,例如@ angular/cli @ latest或angular-cli或typescript @ latest.

安装TypeScript:

npm install -g typescript @ latest

可能会将Visual Studio 2015更新为Update 3(必需)(所有内容都可以与Community Edition Update 3一起使用):Microsoft Visual Studio Professional 2015版本14.0.25422.01更新3 Microsoft .NET Framework版本4.6.01055

确保Visual Studio获取实际安装的软件包:工具/选项,左树/项目和解决方案/外部Web工具,右侧面板,将$(PATH)条目移动到顶部(在$(DevEnvDir)条目上方).然后关闭Visual Studio.

安装AngularJS:

npm install angular(我的版本:1.6.5)

安装Angular命令行工具:npm install -g @ angular/cli @ latest(@ angular/cli是angular-cli的新名称)

检查版本(在cmd窗口中;我的版本如下):

node -v => v6.11.0

npm -v => 5.1.0

tsc -v => 2.4.1

ng --version => 1.2.0(@ angular/cli)

安装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/

可以通过几个简单的步骤在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和Node Package Manager(NPM).

第3步:验证Node.js安装

键入以下命令以检查Node.js和NPM的版本

node -v
npm -v

第4步:安装Angular CLI

角度命令行界面(CLI)是创建新Angular项目的最简单方法.执行以下NPM命令以安装Angular CLI:

npm install @angular/cli -g

安装完成后,可以使用ng命令访问CLI工具.

第5步:验证Angular CLI

输入命令:

ng -v

我还在我的博客中放了所有这些步骤:Setup Node.js和Angular CLI