相关推荐recommended
node.js 安装及配置环境变量只看此文
作者:mmseoamin日期:2023-12-21

文章目录

    • 1. node.js 安装
    • 2. Node.js环境变量配置
    • 3. 国内镜像网站配置
    • 4. npm 、yarn 、pnpm 、nrm 常用命令
      • 4.1 nrm 常用命令:
      • 4.2 npm 常用指令:
      • 4.3 yarn 常用命令:
      • 5.常规上传至npm公共注册表方法(npm publish / yarn publish)
        • 5.1发布npm 步骤:
        • 5.2 使用yarn镜像源和yarn命令进行上传(对于使用npm镜像经常出现网络连接失败的情况下,建议尝试yarn)

          1. node.js 安装

          node.js 安装完成后会带相应的npm 包管理工具。

          1. node js 官网下载 选择合适的版本进行下载。

            node.js 安装及配置环境变量只看此文,在这里插入图片描述,第1张

            这里选择稳定版本。一步一步执行安装,期间安装盘默认C 盘,建议更换到盘符。

            我是安装到E 盘

            node.js 安装及配置环境变量只看此文,在这里插入图片描述,第2张

          2. 使用 window + R 快捷键,启动 cmd命令行 验证 node.js 是否安装成功

            node.js 安装及配置环境变量只看此文,在这里插入图片描述,第3张

          2. Node.js环境变量配置

          1. 更改全局安装路径:

          如果不更改全局安装的默认路径,会默认安装到C盘的路径 (C:\Users\hua\AppData\Roaming\npm)

          中,建议更改node 安装盘符 在node.js的安装目录中,新建两个文件夹 node_global 和 node_cache,分别用来存放安装的全局模块和全局缓存信息

          1. 设置全局模块安装路径、设置全局缓存存放路径

            创建完两个文件夹后,在cmd窗口中输入以下命令(两个路径即是两个文件夹的路径):

            node.js 安装及配置环境变量只看此文,在这里插入图片描述,第4张

            # 设置全局模块安装路径
            npm config set prefix "E:\Program Files\nodejs\node_global"
            # 设置全局缓存存放路径
            npm config set cache "E:\Program Files\nodejs\node_cache"
          
          1. 设置电脑环境变量,环境变量界面打开顺序:右键 “我的电脑”=》属性=》高级系统设置=》环境变量:

          修改前:

          node.js 安装及配置环境变量只看此文,在这里插入图片描述,第5张

          修改后:

          删除C:\Users\Lenovo\AppData\Roaming\npm 后追加:E:\Program Files\npm_global_modules

          node.js 安装及配置环境变量只看此文,在这里插入图片描述,第6张

          新建系统变量:NODE_PATH:E:\Program Files\nodejs\node_global

          node.js 安装及配置环境变量只看此文,在这里插入图片描述,第7张

          1. 测试是否成功:

            测试是否配置成功,在 cmd 窗口中输入以下指令 在 cmd 窗口中输入以下指令 全局安装Vue模块

            npm install -g vue # -g 表示全局安装
          

          node.js 安装及配置环境变量只看此文,在这里插入图片描述,第8张

          3. 国内镜像网站配置

          配置国内镜像,解决模块安装缓慢或者失败的问题。一般配置 淘宝npm镜像

          1. 在 cmd 命令行中,通过命令配置淘宝镜像
            npm install -g cnpm --registry=https://registry.npm.taobao.org
          

          使用淘宝镜像下载模块,即,将 npm 替换成 cnpm 即可

            cnpm install # module_name
          
          1. 切换工具nrm 安装

            使用 npm 全局安装 nrm

            npm install nrm -g
          

          执行 nrm ls

          如果安装过程报错:

          node.js 安装及配置环境变量只看此文,在这里插入图片描述,第9张

          Error [ERR_REQUIRE_ESM]: require() of ES Module D:\npm\node_modules\nrm\node_modules\open\index.js from D:\npm\node_modules\nrm\cli.js not supported.

          Instead change the require of index.js in D:\npm\node_modules\nrm\cli.js to a dynamic import() which is available in all CommonJS modules.

          at Object. (D:\npm\node_modules\nrm\cli.js:9:14) {

          code: ‘ERR_REQUIRE_ESM’

          }

          原因:应该使用 open 的 CommonJs规范的包 ,现在 open v9.0.0 是 ES Module 版本的包

          node.js 安装及配置环境变量只看此文,在这里插入图片描述,第10张

          解决方法:npm install -g nrm open@8.4.2 --save

          1. 通过 nrm ls 命令,查看npm的仓库列表,带 * 的就是当前选中的镜像仓库:

            node.js 安装及配置环境变量只看此文,在这里插入图片描述,第11张

            在cmd中输入nrm ls,显示如下,发现找不到*

            解决问题,在安装nrm目录下找到cli.js,打开修改代码

            修改代码如下,把&&修改为||

            修改前:

           if (hasOwnProperty(customRegistries, name) && (name in registries || customRegistries[name].registry === registry.registry)) {
                              registry[FIELD_IS_CURRENT] = true;
                              customRegistries[name] = registry;
                          }
                          setCustomRegistry(customRegistries);
                          printMsg(['', '   Registry has been set to: ' + newR, '']);
                      }).catch(err => {
                          exit(err);
                      });
                  });
          

          修改后:

           if (hasOwnProperty(customRegistries, name) || (name in registries || customRegistries[name].registry === registry.registry)) {
                              registry[FIELD_IS_CURRENT] = true;
                              customRegistries[name] = registry;
                          }//修改了&&为||
                          setCustomRegistry(customRegistries);
                          printMsg(['', '   Registry has been set to: ' + newR, '']);
                      }).catch(err => {
                          exit(err);
                      });
                  });
          

          在此执行:

          nrm use taobao

          nrm ls

          node.js 安装及配置环境变量只看此文,在这里插入图片描述,第12张

          1. 通过 nrm use xxx 来指定要使用的镜像源:
            nrm use taobao
          

          node.js 安装及配置环境变量只看此文,在这里插入图片描述,第13张

          1. 最后,通过 nrm test npm 来测试速度

          node.js 安装及配置环境变量只看此文,在这里插入图片描述,第14张

          4. npm 、yarn 、pnpm 、nrm 常用命令

          4.1 nrm 常用命令:

          1. 安装nrm : npm install -g nrm
          2. 查看nrm版本号: nrm -V
          3. 查看当前源: nrm current
          4. 查看源列表: nrm ls
          5. 切换源: nrm use registry为源名
          6. 删除源:nrm del
          7. 测试源速度:nrm test

          4.2 npm 常用指令:

          1. 查看版本号:npm -v
          2. 查看全局安装一级目录:npm list -g --depth 0
          3. 查看nodejs全局安装路径:npm config ls
          4. 切换源:npm config set registry url为 源地址
          例如:npm config set registry https://registry.npmjs.org/
          

          4.3 yarn 常用命令:

          1. 安装命令:npm install -g yarn
          2. 查看yarn版本: yarn -v
          3. 卸载yarn命令:npm uninstall -g yarn

          5.常规上传至npm公共注册表方法(npm publish / yarn publish)

          5.1发布npm 步骤:

          1. 切换注册表至npm官方注册表:
          npm config set registry https://registry.npmjs.org/ 
           或
          nrm use npm
          
          1. npm注册用户(若无npm账号)

            去npm 官网注册

          npm adduser 
          
          1. npm 登录(若已有npm账号)
          npm login
          

          备注:username和password请填入npm用户名和密码,一次性密码需要从邮箱查看

          1. 查询当前登录账号: npm whoami
          2. npm发布package:npm publish

          5.2 使用yarn镜像源和yarn命令进行上传(对于使用npm镜像经常出现网络连接失败的情况下,建议尝试yarn)

          1. 切换至yarn镜像源: nrm use yarn
          2. 登录npm账号,同样需要输入: yarn login
          3. 发布: yarn publish