社交网络应用从零开始第四天——安装Node.js和Angular CLI

实习实习我找找找

已于 2024-07-12 15:16:18 修改

阅读量725

点赞数 15

文章标签： node.js

于 2024-07-11 20:42:08 首次发布

本文链接：https://blog.csdn.net/fm_1211/article/details/140360414

版权

参考教程：

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