美文网首页
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

    相关文章

      网友评论

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

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