likes
comments
collection
share

Node及nvm安装及环境变量控制（有效）

作者站长头像
站长
· 阅读数 39

安装 Node

前不久触到 nvm 但是很早以前就安装了 node 使用 nvm 要删除 node 好烦烦啊就没删 结果突然 node 不是内部指令了 只能重配环境安装 既然都重装了 一不做二不休 又给删了 重新装了 nvm 配环境 研究了好久 这里记录一下挺好的

下面安装方法只记录了重点 至于怎么怎么打开工具 以及一些文件的作用并没有详细说明 可以自行百度一下 这边建议 先把两个方法都看一遍 使用方法二比较好 但是也可以按方法一安装一遍在卸载掉 可以加深印象 精通安装哈

方法一 不使用 nvm 安装

  • 直接官网下载

  • 安装时将安装目录改到 D 盘

  • 下载完成后 查看版本检验是否安装成功 打开 cmd 输入指令

    • node -v
    • npm -v

  • 控制面板 -- 系统和安全 -- 系统 -- 高级 -- 环境变量 -- 查看用户变量和系统变量

    • Node及nvm安装及环境变量控制（有效） Node及nvm安装及环境变量控制（有效）

    • 默认情况下是路径位红色圈出的部份 Node及nvm安装及环境变量控制（有效）+ 修改 node 中全局安装的路径

    • 查看全局安装的默认路径

      • npm config get prefix

    • 修改全局安装的默认路径

    Node及nvm安装及环境变量控制（有效） + 现在如上目录建两个文件夹

    •  npm config set prefix "D:\ANEW\software\nvm\16.13.0\node_global"
 npm config set cache "D:\ANEW\software\nvm\16.13.0\node_cache"

  • 安装全局包

    • npm i -g vue @vue/cli

    • 可能会遇到问题 无法安装成功

      Node及nvm安装及环境变量控制（有效） + 因为没有权限

      • 解决方法一
        • 以管理员身份运行 cmd 在里面安装
      • 解决方法二
        • node包 右键 属性 安全里面 将本电脑用户权限改为 全面控制

  • 使用安装的全局工具

    • 上面安装了 vue 手脚架

      • vue create vue-name

      • 报错

      • 'vue' 不是内部或外部命令，也不是可运行的程序
或批处理文件。

      • 这是因为我们在执行指令时，它会默认在node安装根目录下查找指令文件，在这里就是vue.cmd,然后还会在node安装根目录下的node_modules下查找依赖包文件夹，在这里就是@vue文件夹，因为我们修改了全局包的存放路径，所以自然找不到了，所以我们需要把我们指定的全局包存放路径添加到系统环境变量，这样就可以找到了

    • 解决方法

      • 改变环境变量中的系统变量 将路径改为 全局默认安装路径 如上图

使用 nvm

  • 已安装了 node 的小伙伴先卸载掉

    • 直接控制面板卸载即可
    • 卸载完后 可以看看环境变量 把之前的变量可以删除
    • 去 c 盘 用户下 找到 隐藏文件 AppData 下的 npm 开头的文件一并删除 就删除干净了

  • 上方 安装 node 的截图 我是直接安装了 nvm 后 在下面文件夹下 安装 node 进行测试

    • 建议先把 node 卸载掉在安装 nvm 执行下面步骤

  • github.com/coreybutler…

    Node及nvm安装及环境变量控制（有效）

    • 点击上方链接下载 如上版本

  • 安装 将路径改为 D 盘 自己创建的路径中 默认是在 C盘的

    • 一个是 nvm 安装路径
      • node 的版本会安装在 nvm 下 文件直接一版本号命名
    • 一个是 nodejs 安装路径
      • npm 工具会在这个包下面 +Node及nvm安装及环境变量控制（有效）

  • 安装之后 在 nvm 安装目录下找到 settings.txt 文件 里面有两条安装路径

    • node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

    • Node及nvm安装及环境变量控制（有效）

    • 加入上方代码 切换位淘宝镜像安装更快

  • 安装 nodejs 版本

    • nvm install 14.15.0 // 直接写版本号

    • nvm list // 查看安装的版本

    • nvm use 14.15.0 // 切换 node 版本
      • 如果没使用管理员运行 cmd 不能切换版本 我配置了环境变量也没用 。。。吐了 Node及nvm安装及环境变量控制（有效）
      • 以管理员 身份运行即可 Node及nvm安装及环境变量控制（有效）

  • 配置全局安装路径

    • 同上方安装 nodejs 一样 Node及nvm安装及环境变量控制（有效）

  • 安装全局包

    • 同上方一样 安装下来无法使用 去配置环境变量就可以使用啦
    • 这次环境变量只用在用户变量里面配置就可以了 Node及nvm安装及环境变量控制（有效）

  • 这样全局的包就会出现在如下路径中 可以随意切换 node 的版本了 nvm 太强了

    • Node及nvm安装及环境变量控制（有效）

  • 如果由于一些包可能down不下来，可以设置.npmrc文件

    • sass_binary_site = https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl = https://npm.taobao.org/mirrors/phantomjs/
registry = https://registry.npm.taobao.org

  • 切换了 node 的版本后 全局工具可能需要重新安装才能使用 如 yarn等

啊啊啊啊 下载安装配变量 搞了一天 折磨完毕 精通 nodejs 安装 哈哈哈哈

转载自:https://juejin.cn/post/7034518395643133983
评论
请登录