nodejs,npm,angular/cli安装过程及遇到的问题总结

本文详细介绍了Node.js的安装过程,包括如何设置全局路径和环境变量,以及npm的本地和全局安装。同时,文章还讨论了Angular CLI的安装,包括设置npm淘宝镜像源和解决跨磁盘使用问题的方法。

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

首先安装nodejs,从官网直接下载安装,一路next,除了需要注意nodejs的安装路径外,没有什么其他的

安装好node后,npm也就安装好了,这是因为

npm是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

  • 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
  • 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
  • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

在cmd中分别输入node -v 和npm -v若分别出现版本信息,则表示安装成功,如下:

使用npm安装模块分为本地安装和全局安装。

本地安装:npm install express    会安装到当前项目

全局安装:npm install express -g  会安装到指定的目录(node_global)

另外,如果没有设置全局目录node_global,那么全局安装的文件将会保存到 C:\Users\hades\AppData\Roaming\npm (hases是自己设置的计算机名字)

可参考https://blog.youkuaiyun.com/scorpio_meng/article/details/83314675

设置一下node的安装目录,可以现在nodejs的安装目录中新建两个文件夹node_global和node_cache

                     

然后使用命令

npm config set prefix "D:\Program Files (x86)\nodejs\node_global"
npm config set cache "D:\Program Files (x86)\nodejs\node_cache"

将node_global设置为node的全局安装路径

接下来在系统环境变量中新建环境变量NODE_PATH变量,这个变量是node的下载路径,所以他的变量值为刚设置的全局安装路径 ,我的为D:\Program Files (x86)\nodejs\node_global\node_modules,使用node安装的所有模块都将在这个目录下

在命令行输入node进入编辑模式,输入以下代码测试是否能正常加载模块

                    

假设成功,可以看到有输出。假设出错,检查NODE_PATH的路径。

若出现node不是内部命令也不是外部命令的问题

若path变量中已有nodejs的安装路径,我的为D:\Program Files (x86)\nodejs

则在系统变量中新建一个NODE_HOME的变量,变量值为node的安装目录我的为D:\Program Files (x86)\nodejs

然后在系统变量的path变量中添加%NODE_HOME%

若没有则先在path变量中添加nodejs的安装路径,再执行上述步骤

到这一步 nodejs,npm需要的环境已配置完毕

接下来安装angular/cli,可以使用npm安装,也可使用cnpm安装,我使用的是npm

先设置npm淘宝镜像源,然后使用npm安装,速度也很快,使用cnpm的话,还要配置环境变量很麻烦

npm config set registry https://registry.npm.taobao.org    //淘宝npm镜像

npm config get registry  //验证是否成功

使用cmd命令 npm install -g @angular/cli 安装脚手架

typescript可不安装,在新建项目的时候会自动安装

此时安装好的脚手架若只能在安装目录的磁盘使用,不能在其他磁盘使用,比如安装在D盘,则此时在从c盘目录下执行ng -v命名将出现,ng不是内部命令也不是外部命令

则需要在环境变量,用户变量的path变量中添加之前设置的全局安装路径:D:\Program Files (x86)\nodejs\node_global

再在cmd中输入ng version显示如下,则表示安装成功

在这个安装过程中,最容易出问题的是设置全局安装路径以及在环境变量中配置全局路径 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值