Windows10配置nvm、nodejs、npm、cnpm、vue，把自己感动哭了

最新推荐文章于 2025-01-13 12:01:13 发布
最新推荐文章于 2025-01-13 12:01:13 发布
阅读量566 收藏 1
点赞数
分类专栏： 前端 文章标签： nodejs vue nvm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/dream_three/article/details/97627727
版权
本文详细介绍了在Windows10上如何配置nvm，通过nvm管理nodejs及其内置的npm，以及安装国内镜像cnpm和前端框架vue的过程。nvm作为npm的版本控制器，简化了nodejs版本切换；cnpm作为npm的国内镜像，加快了包的下载速度；vue则作为流行的前端框架，其安装依赖于cnpm。

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

nvm、nodejs、npm、cnpm、vue之间的关系

  • nvm是npm的版本管理器，可通过安装nvm来控制电脑使用的npm版本
  • nodejs是一个服务器端的JS解释器，是JS的一种运行环境，它包含了npm，也就是说安装好nodejs，npm便自动安装好了
  • npm是项目的包管理器，在大型的web应用中，会依赖很多别人家的包，需要引用别人家的源代码，npm就是用来管理这些源代码的，也就是用来管理这些模块的
  • cnpm是npm的镜像版本
  • vue是一种前端框架，安装vue-cli需要使用cnpm

nvm的安装

  • GitHub下载安装包：Github网址
  • 下载最新版nvm-setup.zip，解压后傻瓜式安装即可
  • 新建环境变量NVM_HOME，值为C:\Users\zmh\AppData\Roaming\nvm
  • 新建环境变量NVM_SYMLINK，值为C:\Users\zmh\AppData\Roaming\nvm\v12.7.0
  • 成功：在这里插入图片描述

cnpm安装

  • 命令：npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 系统环境变量：C:\Users\zmh\AppData\Roaming\nvm\v12.7.0\node_modules\npm\node_modules
  • 说明：集成在nvm中的nodejs对应的npm的模块中，所以使用C:\Users\zmh\AppData\Roaming\nvm\npm\node_modules是不可以的

vue安装

  • 命令：cnpm i vue-cli -g
  • 成功：vue安装成功
Vue开发环境搭建上篇：安装NVM和NPM(cpnm、pnpm)
专注于计算机研发知识和资讯分享
12-25 899
pnpm 全称 performant npm，意思为 高性能的 npm。pnpm 由 npm/yarn 衍生而来，解决了 npm/yarn 内部潜在的 bug，极大的优化了性能，扩展了使用场景。npm 全称 Node Package Manager，是 node.js 的模块依赖管理工具。npm 的背后，是基于 couchdb 的一个数据库，详细记录了每个包的信息，包括作者、版本、依赖、授权信息等。它的一个很重要的作用就是：将开发者从繁琐的包管理工作（版本、依赖等）中解放出来，更加专注于功能的开发。
安装nodejs 配置cnpm 安装vue UI
xyj_1_2的博客
12-01 995
一、安装nodejs 下载地址：http://nodejs.cn/download/ 选择合适自己系统的版本 安装时修改安装路径 在C盘以外的盘建立一个文件夹 D:\nodejs 安装 下一步下一步 。。。。 在cmd 控制台输入 nodejs -v 检测nodejs是不是安装成功 在cmd输入 npm -v 检测是不是下载成功 二、配置环境 在D:\nodejs的目录下新建两个文件夹 node_cache和node_global 在控制台cmd 输入 npm config set prefi
nvm安装详细教程（安装nvm、node、npm、cnpm、yarn及环境变量配置）
热门推荐
通往成功之路的一个过客
01-13 1万+
nvm-windows官网地址​如果打不开也可以到这里下载。
nvm 安装 vue环境（node npm vue）
Eighteen Z
09-18 3094
nvm 安装 vue环境（node npm vue） 安装nvm wget方式（已安装好git） wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.1/install.sh | bash 如果git没有安装 sudo yum install git 安装完毕后重新连接shell，否则找不到nvm命令。还...
windows下安装配置nvm、nodejs、npm、cnpm、gulp等问题
qq_39527497的博客
10-21 235
windows下安装配置nvm、nodejs、npm、cnpm、gulp等问题 1、下载nvm安装包：https://github.com/coreybutler/nvm-windows/releases 选择nvm-serup.exe下载， 安装，设置安装位置（不要有空格，否则可能会出错） 2、设置下载源 nvm node_mirror https://npm.taobao.org/mirrors/node/ nvm npm_mirror https://npm.taobao.org/mirrors/
使用nvm管理node安装vue搭建vue可视化界面创建vue项目全流程
weixin_45396186的博客
05-10 2405
使用nvm管理node并安装vue搭建vue ui可视化界面进行创建vue项目全流程
nvm安装node,配置npm 、cnpm
weixin_43226959的博客
02-04 6583
nvm安装ndoe 使用npm cnpm
nvm工具管理NodeJS实现过程，安装vue和vue-cli
lubricate_Tiam的博客
07-09 2825
管理node.js的工具nvm，安装vue及vue-cli、测试vue安装是否成功
Webstorm+Nodejs+webpack+vue-cli+Git搭建vue环境
无
07-07 2589
此笔记归纳整理webstorm搭建vue项目，仅作记录使用。
NPM 是什么？？？ CNPM 是什么？？？
Zmaomao_的博客
06-17 751
这个Web站点会展示可用的包、包的版本、包的描述、包的发布者、依赖关系等信息，让用户能够方便地找到和了解所需的包。从此，Node.js和npm相互扶持，让Node.js火遍全球，也让npm的用户不断增多，目前npm管理了60万个软件包，平均每天有上亿次下载，曾经对npm爱理不理的jQuery、Bootstrap也加入到了npm。于是Isaaz联系Node.js的作者，当时Node.js并不火，而且缺一个包管理器，二者一拍即合，并且Node.js愿意将npm集成进来，npm成为Node.js的一个组件。
window nodejs ： 版本管理 nvm ，模块管理 npm，cnpm
罗承权
01-25 676
Windows 最近需要换电脑工作，重新整理 开发环境，重新安装nodejs 由于nodejs版本更新较快 需要频繁下载切换版本，所以使用nvm管理 nvm下载地址 https://github.com/coreybutler/nvm-windows/releases 这里我选择第二个 安装版本nvm-setup.zip （window一般都这样啊，解压 双击 一路next）
【NVM】NVM 下载与安装。并通过 nvm 实现 npm、node、cnpm、yarn 安装配置。
我梦
11-23 2302
【NVM】NVM 下载与安装。并通过 nvm 实现 npm、node、cnpm、yarn 安装配置。
Windows 下安装NVM、CNPM
李旺枝的博客
06-11 955
一、NVM 下载地址https://github.com/coreybutler/nvm-windows/releases 二、安装完成后进行不同版本的node的安装，直接执行 nvm install node版本号即可，这个过程安装npm速度很慢，正常都不能安装成功，方法有二，可以递进使用 1. 在nvm的安装目录下，有setting.txt 文件，可以进行国内安装镜像的配置 root: *** path: *** //追加的国内镜像配置 node_mirror:.
nvm 安装 node，配置 yarn，cnpm，pnpm
优快云全栈领域优秀博主，阿里云博客专家，工信部权威认证物联网技术开发工程师，曾30分钟高分通过C语言二级，两天手撸代码完成EasyX飞机大战，靠接软件私活一个月换苹果电脑
05-02 3111
yarn nvm
NVM下安装NPM、CNPM详解与坑不是内部命令
zxl_start的博客
07-26 1258
nvm
vue开发环境安装（nvm管理node）
weixin_33912246的博客
09-10 366
由于最新需要重构也一个页面，原网页使用jija2+python编写，目前后台可以迅速的提供API接口，但是前端页面渲染的速度太慢，所以打算用vue重构。借此机会提升下对前端知识的学习，采用前后端分离模式，使用vue开发前端页面。 搭建开发环境 安装nvm 安装node使用 nvm 进行node的版本管理，此工具类似Python的py...
nvm的安装及使用、下载cnpm以及git的配置
weixin_57167969的博客
11-03 3355
nvm node环境配置
Vue3-01 NVM和NPM安装
qq_36360308的博客
06-25 776
内容资源下载：关注公众号(资小库)回复vue下载本内容资源。
配置vue框架环境(nvm+node.js+npm)
qq_40825627的博客
05-02 516
①下载nvm（node.js的版本管理） github上下载最新版本https://github.com/coreybutler/nvm-windows/releases 直接下载安装运行（安装之前卸载原先安装的node.js和npm）。 ②打开命令行窗口（win+R cmd）进行查看是否已经安装好nvm ③查看安装node.js的可下载版本 ④下载node.js版本（nvm insta...
nodejs 安装vue时需要加-g吗
最新发布
03-21
<think>嗯，用户的问题是关于在Node.js中安装Vue时是否需要使用全局参数-g的必要性。首先，我需要理解用户的具体需求。他们可能在安装Vue时遇到了问题，或者看到了不同的安装方法，不确定是否应该加上-g参数。 根据之前的引用内容，比如引用[1]中提到在创建Vue项目时使用了npx和--package参数，可能涉及到全局安装的问题。引用[2]和[3]分别提到了在Ubuntu和Windows上安装nodejs、cnpm、yarn和vue-cli的步骤，其中可能涉及到全局安装的情况。引用[4]则提到不需要额外安装vue脚手架，可能是指项目依赖本地安装的情况。 接下来，我需要明确几个点：Vue CLI是否需要全局安装，全局安装和本地安装的区别，以及各自的适用场景。Vue CLI官方推荐全局安装，这样可以在任何地方使用vue命令，比如创建新项目。但有时候，特别是在持续集成或者需要多版本管理的环境中，可能更倾向于本地安装，通过npx来调用。 另外，用户可能对npm的警告信息有疑问，比如引用[1]中的npm WARN config global --global, --local are deprecated. Use --location=global instead. 这个提示说明npm的全局参数可能有变化，但暂时不影响使用，不过需要注意更新命令。 还需要考虑项目依赖和团队协作的情况。如果项目中使用的是本地Vue CLI版本，可以确保所有开发者使用相同的版本，避免因版本差异导致的问题。而全局安装可能适合个人开发或快速原型搭建。 最后，总结一下是否需要使用-g参数取决于具体的使用场景。如果需要频繁使用Vue CLI命令，全局安装更方便；如果注重版本控制或项目隔离，本地安装更合适。同时，注意npm的更新提示，可能需要调整命令参数。</think>### 在Node.js中安装Vue时是否需要使用全局参数 `-g`？ #### 1. **是否需要全局参数 `-g`？** - **需要全局安装的场景**： 若需通过命令行直接运行 `vue create`、`vue serve` 等Vue CLI命令，必须全局安装 `@vue/cli`，此时需使用 `-g` 参数。例如： ```bash npm install -g @vue/cli ``` 全局安装后，Vue CLI会被添加到系统路径中，可在任意目录调用[^1][^3]。 - **无需全局安装的场景**： 若仅在特定项目中使用Vue CLI的功能（如通过 `npx` 调用），或项目依赖中已包含Vue工具链，则无需全局安装。例如： ```bash npx @vue/cli create my-project ``` 此方式通过临时下载并执行命令，避免全局依赖[^4]。 --- #### 2. **全局安装与本地安装的区别** | **特性** | **全局安装 (`-g`)** | **本地安装** | |------------------|---------------------------------|----------------------------| | **存储位置** | 系统全局路径（如 `/usr/local/bin`） | 项目目录的 `node_modules` | | **命令调用** | 任意目录直接执行（如 `vue`） | 需通过 `npx` 或项目脚本调用 | | **版本管理** | 全系统统一版本 | 可针对项目指定不同版本 | | **适用场景** | 频繁使用的工具（如Vue CLI） | 项目依赖的库或工具 | --- #### 3. **注意事项** - **Node.js版本问题**： Vue CLI对Node.js版本有要求（如v12以上），若版本不匹配需通过工具（如 `nvm`）管理多版本Node.js[^4]。 - **npm警告处理**： 使用 `-g` 参数时若提示 `--global is deprecated`，可改用 `--location=global`（新版本npm语法）。 - **依赖隔离性**： 团队协作时推荐通过本地安装锁定版本（在 `package.json` 中指定），避免全局环境差异导致的问题。 --- #### 4. **操作建议** - **个人开发**：全局安装Vue CLI以简化命令操作。 - **团队项目**：在项目中本地安装 `@vue/cli`，通过 `npx` 调用，确保版本一致性。 - **版本冲突**：使用 `nvm` 管理多Node.js版本，或通过 `npm uninstall -g @vue/cli` 清理旧版本。 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值