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

2019-11-23  本文已影响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

上一篇下一篇

猜你喜欢

热点阅读