node.js 安装及配置环境变量只看此文

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_global 和 node_cache，分别用来存放安装的全局模块和全局缓存信息

2. 设置全局模块安装路径、设置全局缓存存放路径
   创建完两个文件夹后，在cmd窗口中输入以下命令（两个路径即是两个文件夹的路径）：
   

  # 设置全局模块安装路径
  npm config set prefix "E:Program Filesnodejsnode_global"
  # 设置全局缓存存放路径
  npm config set cache "E:Program Filesnodejsnode_cache"

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

修改前：

修改后：
删除C:UsersLenovoAppDataRoamingnpm 后追加：E:Program Filesnpm_global_modules

新建系统变量：NODE_PATH:E:Program Filesnodejsnode_global

4. 测试是否成功：
   测试是否配置成功，在 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

2. 切换工具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

3. 通过 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

4. 通过 nrm use xxx 来指定要使用的镜像源：

  nrm use taobao

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

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> 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

2. npm注册用户（若无npm账号）
   去npm 官网注册
   或

npm adduser 

3. npm 登录（若已有npm账号）

npm login

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

4. 查询当前登录账号： npm whoami
5. npm发布package：npm publish

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

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

代码007普通

打赏 收藏 海报 链接