【Angular】nodejs环境搭建,cnpm安装及配置

本文详细介绍了如何在Windows环境下搭建Angular开发所需的Node.js环境,包括Node.js的下载与安装、环境变量配置,以及CNPM的安装和验证。在遇到'npm不是内部命令'的问题时,文章提供了环境变量配置的解决方案。此外,还提及了安装typescript和Angular CLI的步骤,确保能成功运行Angular项目。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

安装nodejs

Angular基于node.js,所以先安装nodejs环境。

  1. 下载nodejs——打开nodejs官网,下载 .msi文件。下载地址☞戳我
    在这里插入图片描述
    一直小白似的下一步就行了。

配置环境变量

如果没有改变默认位置。直接执行步骤就可,不需要配置环境变量。因为C盘中的环境变量已经自行配置了。
如果改变了位置。
可以在nodejs中新建两个文件夹做为全局变量和存放缓存的地方
在这里插入图片描述
命令行中输入:↓
注意!!!(这里的路径是放置global的路径,不要直接粘贴)

npm config set prefix "D:\Program Files\nodejs\node_global"

npm config set cache "D:\Program Files\nodejs\node_cache"

此时不是安装在c盘,需要进行环境变量的配置。否则npm命令无法直接使用,
默认用户环境变量配置:
在这里插入图片描述
修改用户环境变量地址:
<

### 如何使用 NVM 管理多个 Node.js 版本 Node Version Manager (NVM) 是一种轻量级的工具,能够帮助开发人员在同一台计算机上安装和管理多个 Node.js 版本。通过这种方式,可以轻松满足不同项目对特定 Node.js 和 npm 版本的需求。 #### 安装 NVM 在 macOS 或 Linux 上,可以通过以下命令安装最新版本的 NVM: ```bash curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash ``` 或者也可以使用 `wget` 命令完成相同操作[^1]。 安装完成后,重新加载 shell 配置文件以使更改生效: ```bash source ~/.bashrc ``` #### 安装指定版本的 Node.js 要安装某个具体版本的 Node.js,只需运行如下命令: ```bash nvm install <version> ``` 例如,如果想安装 Node.js v16.14.2,则输入: ```bash nvm install 16.14.2 ``` #### 设置默认使用的 Node.js 版本 为了设置全局默认使用的 Node.js 版本,可执行以下命令: ```bash nvm use <version> ``` 或将其设为默认版本以便新开终端会话自动应用该版本: ```bash nvm alias default <version> ``` 当遇到 “nvm use 失效”的情况时,可能是由于 PATH 环境变量未正确配置或其他冲突引起的问题。此时应检查 `.zshrc`, `.bash_profile` 文件中的路径定义是否合理,并确保没有其他 Node.js 实例干扰当前环境[^2]。 #### 切换不同的 Node.js 运行环境 切换到另一个已安装好的 Node.js 版本非常简单,只需要调用下面这条指令即可: ```bash nvm use <desired_version> ``` 值得注意的是,在某些情况下可能会发现即使已经切换到了目标版本号,实际运行的应用程序仍然采用旧版npm包管理器的情况;这是因为每次更新node之后都需要同步升级对应的npm版本才能完全匹配预期行为[^4]。 对于 Angular 开发者来说,利用同样的方式还可以方便地调整适用于各自项目的 angular cli 工具链版本需求[^3]。 ```javascript // 示例代码展示如何验证当前正在使用的 nodejs 及其关联的 npm 的版本信息 console.log(`Current Node version: ${process.version}`); const { execSync } = require('child_process'); try { const output = execSync('npm --version').toString(); console.log(`Current NPM version: ${output.trim()}`); } catch(err){ console.error("Failed to retrieve NPM version:", err.message); } ```
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值