1. node.js 安装

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

  1. node js 官网下载 选择合适的版本进行下载
    在这里插入图片描述
    这里选择稳定版本一步一步执行安装,期间安装默认C 盘,建议更换盘符
    我是安装到E 盘
    在这里插入图片描述

  2. 使用 window + R 快捷键启动 cmd命令行 验证 node.js 是否安装成功
    在这里插入图片描述

2. Node.js环境变量配置

  1. 更改全局安装路径

如果不更改全局安装的默认路径,会默认安装到C盘的路径 (C:UsershuaAppDataRoamingnpm)
中,建议更改node 安装盘符node.js的安装目录中,新建两个文件夹 node_globalnode_cache,分别用来存放安装的全局模块全局缓存信息

  1. 设置全局模块安装路径设置全局缓存存放路径
    创建两个文件夹后,在cmd窗口输入以下命令两个路径即是两个文件夹的路径):
    在这里插入图片描述
  # 设置全局模块安装路径
  npm config set prefix "E:Program Filesnodejsnode_global"
  # 设置全局缓存存放路径
  npm config set cache "E:Program Filesnodejsnode_cache"

  1. 设置电脑环境变量环境变量界面打开顺序右键 “我的电脑”=》属性=》高级系统设置=》环境变量:

修改前:
在这里插入图片描述

修改后:
删除C:UsersLenovoAppDataRoamingnpm追加E:Program Filesnpm_global_modules
在这里插入图片描述

新建系统变量:NODE_PATH:E:Program Filesnodejsnode_global
在这里插入图片描述

  1. 测试是否成功:
    测试是否配置成功,在 cmd 窗口输入以下指令cmd 窗口输入以下指令 全局安装Vue模块
  npm install -g vue # -g 表示全局安装

在这里插入图片描述

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
如果安装过程报错
在这里插入图片描述
Error [ERR_REQUIRE_ESM]: require() of ES Module D:npmnode_modulesnrmnode_modulesopenindex.js from D:npmnode_modulesnrmcli.js not supported.
Instead change the require of index.js in D:npmnode_modulesnrmcli.js to a dynamic import() which is available in all CommonJS modules.
at Object. (D:npmnode_modulesnrmcli.js:9:14) {
code: ‘ERR_REQUIRE_ESM’
}
原因:应该使用 open 的 CommonJs规范的包 ,现在 open v9.0.0 是 ES Module 版本的包
在这里插入图片描述

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

  1. 通过 nrm ls 命令查看npm仓库列表,带 * 的就是当前选中的镜像仓库:
    在这里插入图片描述
    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
在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

4. npm 、yarnpnpm 、nrm 常用命令

4.1 nrm 常用命令

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

4.2 npm 常用指令

  1. 查看版本号npm -v
  2. 查看全局安装一级目录npm list -g --depth 0
  3. 查看nodejs全局安装路径:npm config ls
  4. 切换源:npm config set registry <url> 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

备注usernamepassword请填入npm用户名密码一次密码需要邮箱查看

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

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

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

原文地址:https://blog.csdn.net/u014212540/article/details/130260679

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_19543.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除!

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注