一尘不染

如何为Windows 7安装angular-cli

angularjs

我正在尝试为Windows安装angular-cli。我知道该命令是npm install -g angular-
cli,但是一旦运行此命令,我便尝试执行ng new,但是我收到一条错误消息,说“
ng不能识别的命令”,我在这里检查了其他问题,说您必须将文件夹添加到PATH变量中,但是当我检入文件夹时,我尝试将angular-
cli安装到该文件夹​​中甚至都看不到。

在这里您可以看到我已经使用提供的命令安装了angular-cli,并且使用了“ ng”命令寄存器和错误信息:

X

在这里,您可以看到一个空文件夹,其中没有angular-cli文件夹或与此相关的任何内容:

在这里,您可以看到一个没有angular-
cli文件夹或与此相关的任何内容的空文件夹

请注意, 我对cmd和angular非常陌生,我真的不知道在这里采取什么步骤。


阅读 235

收藏
2020-07-04

共1个答案

一尘不染

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

因为只有在“痛苦”的搜索之后,我才发现许多有价值的提示散布在各个帖子上,所以这里是一个紧凑的汇编(不是我的想法,而是我的经验)。希望能帮助到你。

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

  2. 如果有(公司代理)(在防火墙后面安装):针对公司代理配置npm:打开cmd窗口(未提升,通常您必须是登录用户)

npm
config设置代理http://Proxy.Company.com:Port(用您的代理设置替换Proxy.Company.com:Port)

npm config设置https-proxy
http://Proxy.Company.com:Port(用您的代理设置替换Proxy.Company.com:Port)

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

npm config设置代理http://
user:pass@Proxy.Company.com:Port

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

npm配置设置注册表https://registry.npmjs.org/

  1. 将npm更新到最新版本:

npm安装npm @ latest -g

注意:npm
update仅适用于HTTPS变体(注册表https://registry.npmjs.org/)。使用HTTP设置(请参见下文),您将获得“
shasum检查失败”的信息。

  1. 将软件包的npm目录设置为非HTTPS变量:

npm配置设置注册表http://registry.npmjs.org/

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

  1. 安装TypeScript:

npm install -g typescript @ latest

  1. 可能将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

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

  3. 安装AngularJS:

npm install angular(我的版本:1.6.5)

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

  2. 检查版本(在cmd窗口中;下面是我的版本):

节点-v => v6.11.0

npm -v => 5.1.0

tsc -v => 2.4.1

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

  1. 为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.)。

链接:

2020-07-04