nodejs、npm、cnpm、yarn安装及环境配置过程

更新时间：2025年12月04日 09:09:09 作者：KnowQiu°

文章详细介绍了如何在Windows系统上安装Node.js、配置环境变量、更换镜像源,并使用npm、yarn进行包管理以及安装Vue.js脚手架,同时,还提供了如何升级npm、cnpm和yarn的步骤和创建Vue3项目的指南

一、nodejs的安装

1、官网下载对应系统安装包 https://nodejs.org/en/download/；

2、安装时注意修改安装目录，建议放在非C盘目录下，一路默认安装即可；

3、安装完成后启动命令行工具，输入 node -v、npm -v 查看安装版本，出现提示版本信息即为安装成功(见图1) 。

二、配置环境

1、更改全局模块安装路径和缓存cache的路径

（1）、打开nodejs安装目录，在里面创建node_global和node_cache两个文件夹

（2）、打开命令执行工具，执行以下两个命令更改存储目录

# 全局安装目录
npm config set prefix D:\专业软件\NodeJs\node_global

# 缓存目录
npm config set cache D:\专业软件\NodeJs\node_cache

2、配置环境变量

（1）、打开系统属性-高级-环境变量，在系统变量中新建变量名：NODE_PATH，变量值：D:\专业软件\NodeJs\node_global\node_modules。

（2）、编辑用户变量的 path，将默认的 C 盘下的 C:\Users\18280\AppData\Roaming\npm 修改为 D:\专业软件\NodeJs\node_global。

三、更换镜像源

1、临时使用淘宝源

# 临时更改为淘宝镜像源
npm --registry https://registry.npmmirror.com install node-red-contrib-composer@latest

2、全局使用淘宝源

 # 修改为淘宝镜像源
npm config set registry https://registry.npmmirror.com

3、全局使用官方源

# 修改为官方镜像源
npm config set registry http://www.npmjs.org

4、安装cnpm

# 安装cnpm
npm install -g cnpm -registry=https://registry.npmmirror.com

查看当前源：npm config get registry

四、安装yarn

1、下载安装

# 全局安装命令

npm install -g yarn

或

cnpm install -g yarn

2、更改模块及缓存存储目录

同样先在yarn的安装目录下创建yarn_global和yarn_cache文件夹，并打开命令窗口执行以下命令。

# 全局安装目录
yarn config set global-folder D:\专业软件\NodeJs\node_global\node_modules\yarn\yarn_global

# 缓存目录
yarn config set cache-folder D:\专业软件\NodeJs\node_global\node_modules\yarn\yarn_cache

3、更换镜像源

# 查看当前源
yarn config get registry

# 修改为淘宝镜像源
yarn config set registry https://registry.npmmirror.com

# 修改为官方镜像源

yarn config set registry https://registry.yarnpkg.com

五、安装VUE脚手架

1、安装 vue-cli脚手架，首先以管理员身份打开控制台，输入一下命令：

# 全局安装 vue-cli脚手架：

npm install -g @vue/cli
或
cnpm install -g @vue/cli

2、安装vue-cli-init 项目初始化工具

npm install -g @vue/cli-init
或
cnpm install -g @vue/cli-init

注：上述命令适用于vue3项目。

3、查看安装的vue版本：

六、npm、cnpm、yarn的升级

1、升级npm

npm install -g npm

2、升级cnpm

npm install -g cnpm

3、升级yarn

// yarn查看所有版本
npm view yarn versions

// yarn更新到最新版
npm install yarn@latest -g

七、创建VUE3项目

1、打开控制台，切换至项目文件夹，输入项目创建命令：vue create vue3_demo

# 项目创建命令
vue create 项目名称

2、选择第一个默认项（Default）,创建vue3项目

注：也可以选择最后一项，自定义创建项目。

3、选择yarn作为包管理器

4、创建完成

总结

以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

如何制作一个Node命令行图像识别工具
这篇文章主要介绍了如何制作一个Node命令行图像识别工具，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-12-12
Node.js利用Express实现用户注册登陆功能(推荐)
这篇文章主要介绍了Node.js利用Express实现用户注册登陆功能,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2020-10-10
nodejs对文件中的图片进行归类操作示例
这篇文章主要为大家介绍了nodejs对文件中的图片进行归类的实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-07-07
Node.js完整安装配置指南(包含国内镜像配置)
本文介绍Node.js的安装配置过程,包括使用Chocolatey、官网下载、国内镜像下载等安装方法,验证安装,配置国内镜像源,环境变量配置,npm配置优化,常用镜像测速脚本,使用nrm管理镜像源,及故障排查内容,最后推荐了完整的配置命令和立即解决方案,感兴趣的朋友跟随小编一起看看吧
2026-03-03
如何在ubuntu18.04安装node 14.16.0
这篇文章介绍了在Ubuntu 18.04上安装Node.js 14.16.0的详细步骤,包括检查服务器类型、下载合适的Node.js版本、解压和移动文件夹、编辑环境变量文件、重新编译配置文件以及解决可能遇到的版本冲突问题,感兴趣的朋友跟随小编一起看看吧
2024-11-11
nodejs 搭建简易服务器的图文教程(推荐)
下面小编就为大家带来一篇nodejs 搭建简易服务器的图文教程(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
基于NodeJS开发钉钉回调接口实现AES-CBC加解密
这篇文章主要介绍了基于NodeJS开发钉钉回调接口实现AES-CBC加解密,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-08-08
node.js部署之启动后台运行forever的方法
今天小编就为大家分享一篇node.js部署之启动后台运行forever的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-05-05
Win7系统中如何安装高版本的NodeJS(亲测有效!)
Node.js是基于Chrome V8引擎的JavaScript运行环境,能够使JavaScript在服务器端运行,这篇文章主要给大家介绍了关于Win7系统中如何安装高版本的NodeJS的相关资料,需要的朋友可以参考下
2023-12-12
Node.js中JavaScript操作MySQL的常用方法整理
这篇文章主要介绍了Node.js中JavaScript操作MySQL的常用方法整理,包括作者对使用MySQL模块连接池时错误解决的一个记录,需要的朋友可以参考下
2016-03-03