社交网络应用从零开始第四天——安装Node.js和Angular CLI_error: this command is not available when running

目录

安装nvm

使用nvm安装nodejs

配置npm环境

安装angular cli

安装ng-zorro

报错1、

报错2、

报错3、

成功

---

参考教程：

angular环境安装 (含nodejs详细安装步骤)_angular安装-CSDN博客

npm安装并配置环境变量（安装node.js）_npm peizhihuanjingbianliang-CSDN博客

npm 运行时报错“因为在此系统上禁止运行脚本”解决办法 | 开发者工具论坛 (learnku.com) 

本来没打算写，结果发现还是遇见好几个问题，存档一下比较好，所以又写了，但是大部分都已经做完了，所以没什么截图

安装nvm

点击链接下载：

https://github.com/coreybutler/nvm-windows/releases/download/1.1.12/nvm-noinstall.zip

解压后点exe文件进行安装

安装时自选nvm安装路径和nodejs安装路径

*nodejs安装路径一定得是空文件夹或者不创建这个文件夹，因为nvm会自动创建这个文件夹为快捷方式

输入nvm检测是否安装成功

使用nvm安装nodejs

运行 “nvm install 版本号” 安装nodejs，我安装的是20.15.1版本

运行 nvm use 20.15.1 切换到刚安装的 Node.js 版本 

运行 node -v 和 npm -v 命令看能不能用

配置npm环境

建两个文件夹node_cache和node_global，并记住这两个文件夹的位置，之后要用

打开终端

在终端执行命令

npm config set prefix “D:\softWare\nvm\nodejs\node_global”
npm config set cache “D:\softWare\nvm\nodejs\node_cache”

 打开高级系统设置→环境变量，双击用户变量的path，然后添加刚刚node_global文件夹的地址

添加系统变量NODE_PATH,值为刚刚 “node_global文件夹的地址\node_modules "

安装angular cli

在终端执行命令 npm install -g @angular/cli

安装ng-zorro

在终端：

npm install ng-zorro-antd --save
ng add ng-zorro-antd       

//第二句用于将第三方库集成到 Angular 项目中，如果没有 Angular 项目，可以先不用，详见报错3

报错1、

执行到第二句会出问题，首先可能会报错：

'ng' 不是内部或外部命令，也不是可运行的程序 或批处理文件。

这是可能因为安装angular cli之后没有重启终端，重启一下就行，否则就可能是你的angular cli安装失败，再找个教程再来一次吧

报错2、

重启之后可能又会报错：

ng : 无法加载文件 D:\02_Software\nvm\v20.15.1\node_global\ng.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 http s:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。 所在位置 行:1 字符: 1 + ng add ng-zorro-antd + ~~ + CategoryInfo : SecurityError: (:) []，PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess

打开Windows PowerShell

运行：set-ExecutionPolicy RemoteSigned

然后运行：get-ExecutionPolicy

结果是这样就行

报错3、

然后又会报错

Error: This command is not available when running the Angular CLI outside a workspace.

Sider Fusion

这个错误表明需要在 Angular 项目的工作区内运行 ng add ng-zorro-antd 命令

所以我们要找个合适的位置打开终端运行 ”ng new 项目名“ 创建一个项目，然后运行 ”cd 项目名“进入项目文件夹，我的项目名叫my-new-app

成功

这时候我们再回到最开始那句命令：ng add ng-zorro-antd

这时候就能运行成功了