美文网首页
node环境安装——npm修改默认全局安装路径

node环境安装——npm修改默认全局安装路径

作者: 山上有桃子 | 来源:发表于2019-11-23 02:24 被阅读0次

前端技术日新月异,javascript问世以来,各路大神添砖加瓦,基于js的后台编程技术node.js登场亮相,给了广大前端码农一条新的出路。从此拳打UI,脚踢后台,原型靠自己,收入看天气。

今天,我就来介绍和体验并迈出学习node.js的第一步:node环境安装


  1. 安装
安装node.js

安装完以后,打开 命令行 查看node.jsnpm是否安装成功

$ node -v //查看node.js版本
v12.13.1
$ npm -v //查看npm版本
6.12.1
查看node、npm版本

npmnpm是随同node.js一起安装的包管理工具
命令行:通过 开始菜单 或者按下 win + R 键输入 cmd 打开命令行。
node中文文档:同时也是安装包下载地址

2.修改npm的全局安装包路径

这里就不得不提npm的两种安装方式了

  • 局部安装
$ npm install <tool_name>

局部安装的包,只在当前安装路径下级路径起作用。
默认的安装路径为:/命令行当前路径/node_modules/

  • 全局安装
$ npm install -g <tool_name>

全局安装的包,任何路径下的项目都可以引用。
默认的安装路径为:C:\Users\<user_name>\AppData\Roaming\npm
默认的缓存路径为:C:\Users\<user_name>\AppData\Roaming\npm_cache

npm默认全局安装路径

如何修改npm默认全局安装路径?

我必须说明一点:正常情况下,其实没必要修改npm全局安装路径这种的只有C盘固态的除外。

可以通过命令行,来进行修改:
npm config set prefix "安装路径"
npm config set prefix "缓存路径"

另外:有强迫症的同学可以将这个路径修改到你的node安装目录下,比如我安装在E:\nodejs\

node.js安装目录
按照一贯的惯例(别问我,我也不知道哪里来的惯例 ~.~),我们新建两个目录
全局安装路径:E:\nodejs\node_global\
全局缓存路径:E:\nodejs\node_cache\
新建两个文件夹

然后命令行输入

$ npm config set prefix "E:/nodejs/node_global"
$ npm config set cache "E:/nodejs/node_cache"
命令行改变npm默认全局安装路径

然后,我们安装一个less包试一试

$ npm install -g less
npm install -g less

总结(我的学习心得

唔~,故事讲到这里差不多要结束了。

对了,你是不是感觉到,修改一个路径而已,为何这么麻烦呢?

没错 !!! 我也这么觉得

所以,我教新员工安装环境时都是直接让他们用户文件夹C:\Users\aze下修改就OK了。

就像这样

9.png

嗯 ,是不是很简单O(∩_∩)O哈哈~!

关于npm install 下载缓慢的问题

可以使用淘宝官方的镜像地址下载所需的资源

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

安装完我们会发现,除非在cnpm 安装目录下使用 $ cnpm -v,在其他路径使用$ cnpm -v会报错。

cnpm -v 无效

出现这种问题,是因为安装node时修改了 node默认的安装路径导致的,这时我们只需要在环境变量中添加cnpm.cmd文件所在的目录路径即可。

首先,我们找到cnpm.cmd文件所在的目录,复制这个路径

cnpm.cmd文件所在路径

然后在环境变量中添加这条路径


修改环境变量path参数

然后打开新的命令行窗口,运行cnpm -v 即可正常运行

正常使用 cnpm 指令

以后下载资源时就可以用 cnpm install less 替代 npm install less 了。

淘宝cnpm

相关文章

  • Win10.Nodejs安装

    参考内容:Node.js 安装配置修改npm全局安装模式的路径修改Nodejs内置的npm默认配置路径 安装Nod...

  • node环境安装——npm修改默认全局安装路径

    前端技术日新月异,javascript问世以来,各路大神添砖加瓦,基于js的后台编程技术node.js登场亮相,给...

  • node中常用命令

    全局安装路径修改 安装全局包命令npm install -g xxxx 默认存放路径位C:\Users\Admin...

  • npm

    npm 全局安装失效(npm 全局安装包不起作用,解决步骤:) 查看默认安装路径:npm config get p...

  • gitbook环境搭建和使用入门

    环境搭建 gitbook安装需要nodejs环境,需要提前安装好node环境 npm全局安装 npm instal...

  • Mac修复npm安装全局模块权限问题

    修改安装路径的权限 查看默认全局安装路径npm config get prefix对于大多数系统显示目录为:/us...

  • windows下安装nodejs以及npm路径问题

    1、官网下载.msi文件,安装nodejs;2、修改npm全局安装的包路径(先在D:\Nodejs下新建node_...

  • npm配置

    1、npm安装配置 1.1 安装node 通过node -v 、 npm -v 检测 1.2 设置npm的默认路径...

  • TypeScript入门这篇不够!!!

    一、安装 全局安装typescript(默认你已经安装了node) npm install -g typescri...

  • vue-cli 脚手架安装

    1,安装vue-cli (1)全局安装webpack 使用npm(需要安装node环境)全局安装webpack,打...

网友评论

      本文标题:node环境安装——npm修改默认全局安装路径

      本文链接:https://www.haomeiwen.com/subject/ucpcwctx.html