本文介绍: Node.js安装环境搭建(详细版)

一、相关概念

二、Node.js安装配置环境变量

1、下载Node.js这里我以nodev14.15.5下载为例

注意:
文件选择
下载方式1:
下载方式2:

2、安装Node.js

1、双击下载好的安装文件
2、进入Node.js安装步骤点击“Next”继续
3、选择I accept the terms in the License Agreement点击“Next”继续
4、选择安装路径安装路径尽量不要存在中文建议不要安装在C盘),点击“Next”继续
5、Add to PATH:默认添加path环境变量中,点击“Next”继续
6、点击“Finsh”完成
7、安装后里面文件如图

三、安装后判断是否安装成功以及环境变量配置

1、输入命令查看版本判断是否安装成功
  • 命令的话都一样的,Windows也是这样用

出现以上情况,即表示安装成功

2、设置电脑环境变量

环境变量界面打开顺序右键 “我的电脑”=》属性=》高级系统设置=》环境变量,具体实行过程,请看下图

3、在系统变量新建环境变量NODE_PATH

系统变量新建环境变量NODE_PATH值为 D:Program Filesnodejsnode_globalnode_modules其中 D:Program Filesnodejsnode_global是新创建全局模块安装路径

4、修改用户变量】

修改【用户变量】中的 path 变量,将C:UsersLenovoAppDataRoamingnpm 修改为D:ProgramFilesnodejsnode_global

四、自定义配置全局模块缓存路径

在上面已经完成了 node.js 的安装,即使不进行此步骤环境变量配置也不影响node.js的使用

但是,若不进行环境变量配置,那么在使用命令安装 node.js全局模块(如:npm install -g vue)时,会默认安装到C盘的路径(C:UsershuaAppDataRoamingnpm)中

因此,需要配置全局安装模块 node_global 以及 缓存目录 node_cache环境变量

1、在node.js的安装目录中,新建两个文件夹 node_global 和 node_cache,分别用来存放安装的全局模块全局缓存信息
2、设置全局模块安装路径和全局缓存存放路径

创建两个文件夹后,在cmd窗口输入以下命令(两个路径即是两个文件夹的路径):

# 设置全局模块安装路径

npm config set prefix” D:Program Filesnodejsnode_global

# 设置全局缓存存放路径

npm config set cache” D:Program Filesnodejsnode_cache

命令执行效果如图

3、在cmd 命令行中,通过命令配置淘宝镜像

npm config set registry=http://registry.npm.taobao.org

输入npm config list查看npm的配置

检测一下淘宝镜像站:npm configget registry

4、测试安装express模块

如果以上的步骤你都没有问题,这个时候可以使用npm install安装命令来安装模块了,以express为例

npm install express -g # -g是全局安装的意思

下图所示,则说明安装成功,并且你会在node_global目录下的node_module文件夹看到安装好的express文件夹

5、安装cnpm输入以下命令

npm install -g cnpmregistry=https://registry.npm.taobao.org

npm install -g cnpm —registry=http://registry.npm.taobao.org

因为cnpm会被安装到D:Program Filesnodejsnode_global下,而系统变量path并未包含该路径。此时使用cnpm的命令会提示我们

cnpm” 不是内部外部命令,也不是可运行程序批处理文件

我们系统变量path添加该路径即可正常使用cnpm

再来输入一次cnpmv命令,检查

cnpm一键安装package.json里的 dependencies 和devDependencies里的所有模块

cnpm install 默认安装package.json中的所有模块

cnpm install–dependencies

cnpm install–devDependencies

cnpm update<package_name>//要安装的模块的名字

6、配置yarn

# 下载并全局安装yarn

npm install -g yarn

查看当前

yarn config getregistry

# 配置yarn的淘宝源

yarn config set registry=https://registry.npm.taobao.org-g

yarn config setregistry https://registry.npm.taobao.org -g

yarn config setsass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g

# yarn安装项目依赖

yarn install

7、其他一些命令

安装npm包–rimraf : npm install rimraf -g

执行命令删除依赖 : 1rimraf node_modules

清理npm缓存命令 : npm cache clear –force 或-f

npm安装vue-cli : cnpm install -gvue-cli (命令中 -g 表示全局安装)

更新npm包 : npminstall npm -g,再来查看npm的版本 npm –v可以对比之前的版本

原文地址:https://blog.csdn.net/2301_76645722/article/details/129207543

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_24328.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注