windows环境下 npm 修改全局安装路径最佳实践 及vue全局安装

最新推荐文章于 2024-08-22 14:38:09 发布
最新推荐文章于 2024-08-22 14:38:09 发布
阅读量2.9k 收藏 4
点赞数
分类专栏： node 文章标签： npm 全局安装 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiangkai528/article/details/83991825
版权
本文介绍了在Windows环境下如何修改npm全局安装路径，通过设置npm配置和环境变量，确保全局安装的顺利进行。同时，给出了vue的全局安装步骤，并提供了查看全局路径和npmrc文件位置的方法。
摘要由CSDN通过智能技术生成

网上搜到的方案非常多，但我只有两步，包你成功！

1. 设置 当前全局安装路径（查看当前全局安装路径npm root -g）

例如：npm config set prefix "D:\Program Files\nodejs\node_modules\node_global"

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

或直接修改对应.npmrc文件（npm config ls ，一般为C:\Users\{用户名}\.npmrc）

结果如下：

2. 设置环境变量

例如：NODE_PATH = D:\Program Files\nodejs

           PATH = %NODE_PATH%\;%NODE_PATH%\node_modules;%NODE_PATH%\node_modules\node_global;

重启系统或重启explorer.exe，使环境变量生效.

3. vue安装结果示

最低0.47元/天 解锁文章
前端琅琊阁
关注
专栏目录
vue中npm包全局安装和局部安装过程
10-16
主要介绍了npm包全局安装和局部安装,需要的朋友可以参考下
【npm】修改npm全局安装包的位置路径
qq_39921135的博客
02-04 3487
将全局安装路径配置到环境变量中，这里注意，原来的NodeJS配的环境变量不要删除！再次使用npm config ls，可以发现，修改成功。再次安装所需要的包，可以发现，安装位置已被修改！修改默认安装路径命令。
npm搭建vue环境
最新发布
weixin_45016440的博客
08-22 212
回车后根据个人需求进行选择配置，初始化成功后cd 项目名，进入到目录下，然后npm install安装项目依赖，再根据个人需求安装其他依赖，之后就可以npm run dev启动项目了。回车后根据个人需求进行选择配置，初始化成功后cd 项目名，进入到目录下，再根据个人需求安装其他依赖，之后就可以npm run serve启动项目了。vue init webpack 项目名。vue create 项目名。
npm修改默认全局安装路径
rj2017211811的博客
07-24 441
1.在E:\node.js中创建文件夹node_cache 2.打开cmd，npm config set cache “E:\nodejs\node_cache” 继续在cmd中运行 npm config set prefix “E:\nodejs” 3.找到E:\node.js\node_modules\npm\npmrc 文件，修改prefix=D:\nodejs ...
全局安装Vue
Toozky的博客
10-24 6365
全局安装Vue（解决：修改npm目录后安装Vue正常，创建项目NO_MODULE） 安装cnpm ··· npm install -g cnpm --registry=https://registry.npm.taobao.org ··· 不安装cnpm后续命令用npm替代 安装Vue Vue3以上版本 安装最新Vue（3+） cnpm install -g @vue/cli 指定Vue版本安装（3+） cnpm install -g @vue/cli@3.11.0 卸载Vue（3+） cnpm in
npm修改下载依赖（修改全局下载和缓存路径）
weixin_44915226的博客
10-02 2272
方法及命令 首先要确保node.js安装成功 打开cmd 输入命令： 1.修改缓存路径 npm config set cache "D:\url\npm-cache" 2.修改全局下载： npm config set prefix "D:\url\npm_global" 这样就可以把安装的东西放到对应盘符，节省C盘空间！   对应位置就会出现两个文件夹： 一开始可能没有npm-cache这个文件夹，不过在安装东西之后就会出现，比如安装vue脚手架等。   ...
Node.js | Node.js安装及npm模块插件安装路径配置，并安装Vue CLI
01-20
引：在安装完nodejs后，通过npm下载全局模块默认安装到{%USERDATA%}C:\Users\username\AppData\下的Roaming\npm下，这当然是不太对的默认。 一、npm模块插件安装路径配置 不推荐Node.js安装在c盘 安装LTS版本的...
win11安装node，修改node全局安装路径，安装需要管理员权限解决办法
F7的博客
07-07 2639
win11下安装node.js修改全局默认路径，一些小坑。
npm路径修改及vue初始化
qq_42868860的博客
08-05 1502
1.进入CMD，查看npm配置路径 npm config ls 2.重新配置路径 npm config set prefix "D:\npm" npm config set cache "D:\npm\cache" 3.配置后安装vue cli 会安装在D:\npm目录下 4.新建项目文件夹giu bash here 进入命令行安装vue项目...
【npm】npm 全局安装 和 局部(本地)安装
01-07
本地安装：npm命令默认情况下会将包安装到当前目录下，避免了不同程序依赖不同版本包的冲突；减少了包开发者API的兼容性的问题；缺点是会出现一个包安装多次的情况。 全局安装：提高程序重复利用，避免一个程序多个版本的情况；但是缺点是难以处理不同版本的依赖 全局安装 局部(本地)安装 命令 npm install webpack -g npm install --save-dev webpcak 安装位置 一般在 Node安装目录下的node_modules文件夹中：\Users\用户名\AppData\Roaming\ 目录下\npm\node_modules 项目的node_
Vue3安装配置、开发环境搭建(组件安装卸载)（图文详细）
热门推荐
逆境清醒的博客
03-19 7万+
Vue3安装配置、开发环境搭建（图文详细），一、vue的主要安装方式，二、node.js安装和配置，三、npm 安装vue 和脚手架、webpack模板，四、打开Vue 项目管理器，五、创建运行 vue 3 项目，六、使用TypeScript进行开发 Vue3 的代码，七、vue及组件的卸载，八、vue项目结构，九、Vue 安装过程中遇到的问题记录
npm npmrc
学而不思则罔 思而不学则殆
06-05 7271
npm全名Node Package Manager .npmrc文件的作用，就是配置npm源。
nodejs npm常用命令
weixin_34354173的博客
06-03 435
npm是一个node包管理和分发工具，已经成为了非官方的发布node模块（包）的标准。有了npm，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。 1、npm install moduleNames：安装Node模块安装完毕后会产生一个node_modules目录，其目录下就是安装的各个node模块。 node的安装分为全局模式和本地模式。一般情况下会以本地模式运行，包会...
vue安装和配置
2301_79870947的博客
11-21 123
这样，npm 包将被安装到指定的路径 "D:\Software\Node.js\node_global" 中。确保你的命令提示符或终端是以管理员身份运行的，以确保有足够的权限进行全局安装。请注意，网络超时问题通常是暂时性的，所以如果以上方法中的一个不起作用，可以稍后再试。如果问题持续存在，请确保您的网络连接正常，并尝试使用其他网络环境。过程中遇到了下载模板时的连接超时问题。这可能是由于您的网络问题或下载源的问题导致的。将 npm 的下载源切换到国内的镜像，例如淘宝镜像。安装VUE的时候出错。
nodejs处理windows路径的反斜杠
u010994219的专栏
03-26 3726
最近偶然处理一个小程序项目设计到后台是express到，上传图片到服务器，然后生成一个路径是一个带有反斜杠的，然后返回到客户端，小程序拉去图片的时候各种被转义了。特别是文件名中"t"之类的开头的非打印字符。 然后各种搜资料，你会发现网上各种教你replace(/\\/g, "/")，然而执行效果是这样的： 并没有什么乱用。 然后我看到服务器发过来的json字符串是会给我自己额外加上一个反斜杠，然后思路出来了，虽然不是什么牛逼办法，但是也是一种把问题处理了，如果有其他办法谢谢告诉我，感激不尽。.
windows 修改 npmrc
计算机辅助工程
07-10 1315
如果你想修改当前用户的.npmrc，它通常位于用户的主目录下（例如C:\Users\你的用户名.npmrc）。使用文本编辑器（如Notepad++或者Visual Studio Code）打开.npmrc文件。.npmrc文件通常位于用户的主目录下，如果是全局配置，则位于npm的安装目录下。这将输出npm的全局前缀路径，全局.npmrc通常位于这个路径下的etc文件夹内。保存.npmrc文件后，配置更改即生效。步骤1：找到.npmrc文件的位置。找到.npmrc文件的位置。编辑.npmrc文件。
VUE详细安装及配置教程
AgonyAngela的博客
12-29 921
nodejs、vue详细安装
npm全局安装vue
08-19
要在全局范围安装Vue，你可以使用npm（Node Package Manager）来执行以下命令： ``` npm install -g vue ``` 这将全局安装最新版本的Vue。请确保你已经安装了Node.js，因为npm是随同Node.js一起安装的。完成安装后，你就可以在命令行中使用`vue`命令来创建和管理Vue项目了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值