node安装后的全局环境变量配置

  • 安装node时,位置最好不要装在c盘,这里,我在D盘下创建了文件夹"node",安装地址选择在该文件夹下
    node安装后的全局环境变量配置_第1张图片

  • 一直next,直到安装结束,打开"node"文件夹,安装完后,里面的配置文件和文件夹如下图所示:
    node安装后的全局环境变量配置_第2张图片

  • 打开黑窗口,输入dos命令,“node -v” ,测试node有没有安装成功,出现版本号即安装成功。
    node安装后的全局环境变量配置_第3张图片

  • 安装成功后必须要配置全局变量,首先在node文件夹下,创建文件夹,node_cache(缓存目录)和node_global(全局包存放目录)
    node安装后的全局环境变量配置_第4张图片

  • 打开dos命令行输入两行命令

      npm config set prefix “D:\node\node_global”
      npm config set cache “D:\node\node_cache”
    
  • npm默认全局安装路径 C:\Users\stone\AppData\Roaming\npm(可全局安装任何node第三方库查看安装位置)

  • 最后配置全局变量,首先,右键我的电脑-属性-高级属性配置-系统属性-环境变量
    node安装后的全局环境变量配置_第5张图片

  • 在系统变量里新建 NODE_PATH D:\nodejs\node_global\node_modules
    node安装后的全局环境变量配置_第6张图片
    node安装后的全局环境变量配置_第7张图片

  • 在系统变量里新建 NODE_HOME D:\node
    node安装后的全局环境变量配置_第8张图片

  • 在用户变量Path上新增D:\node\node_global
    node安装后的全局环境变量配置_第9张图片
    node安装后的全局环境变量配置_第10张图片

  • 测试: 在dos中随意全局npm安装一个第三方组件库的包,再在任一路径下检测其版本`xxx -v`,最后查看在D:\node\node_global中有无安装包。以安装成功后的vue脚手架为例:
    在这里插入图片描述node安装后的全局环境变量配置_第11张图片

  • 【扩展】dos查看全局下载的第三方模块npm list -g --depth 0
    在这里插入图片描述

你可能感兴趣的:(安装环境,前端,javascript,npm)