代码改变世界

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

2024-04-08 11:02  古兆洋  阅读(757)  评论(0)  编辑  收藏  举报

转发：https://blog.csdn.net/u014212540/article/details/130260679

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 官网下载 选择合适的版本进行下载。

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

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

2. Node.js环境变量配置

  1. 更改全局安装路径： 
    如果不更改全局安装的默认路径，会默认安装到C盘的路径 (C:\Users\hua\AppData\Roaming\npm)
中,建议更改node 安装盘符 在node.js的安装目录中，新建两个文件夹 node_global 和 node_cache，分别用来存放安装的全局模块和全局缓存信息

     

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

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

    修改前：

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

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

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

    3. 国内镜像网站配置

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

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

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

        cnpm install # module_name

       

    2. 切换工具nrm 安装
      使用 npm 全局安装 nrm 
      1   npm install nrm -g

      执行 nrm ls
      如果安装过程报错：

       

      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 版本的包

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

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

       在cmd中输入nrm ls,显示如下，发现找不到*
      解决问题，在安装nrm目录下找到cli.js,打开修改代码
      修改代码如下，把&&修改为||
      修改前：

       1  if (hasOwnProperty(customRegistries, name) && (name in registries || customRegistries[name].registry === registry.registry)) {
 2                     registry[FIELD_IS_CURRENT] = true;
 3                     customRegistries[name] = registry;
 4                 }
 5                 setCustomRegistry(customRegistries);
 6                 printMsg(['', '   Registry has been set to: ' + newR, '']);
 7             }).catch(err => {
 8                 exit(err);
 9             });
10         });

      修改后：

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

      在此执行：
      nrm use taobao
      nrm ls

       

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

       

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

       

      4. npm 、yarn 、pnpm 、nrm 常用命令
      4.1 nrm 常用命令：
      安装nrm : npm install -g nrm
      查看nrm版本号: nrm -V
      查看当前源: nrm current
      查看源列表: nrm ls
      切换源: nrm use <registry> registry为源名
      删除源：nrm del <registry>
      测试源速度：nrm test <registry>
      4.2 npm 常用指令：
      查看版本号：npm -v
      查看全局安装一级目录：npm list -g --depth 0
      查看nodejs全局安装路径：npm config ls
      切换源：npm config set registry <url> url为 源地址

      1 例如：npm config set registry https://registry.npmjs.org/

      4.3 yarn 常用命令：
      安装命令：npm install -g yarn
      查看yarn版本： yarn -v
      卸载yarn命令：npm uninstall -g yarn
      5.常规上传至npm公共注册表方法（npm publish / yarn publish)
      5.1发布npm 步骤：
      切换注册表至npm官方注册表:

      1 npm config set registry https://registry.npmjs.org/ 
2  或
3 nrm use npm
      1. npm注册用户（若无npm账号）
        去npm 官网注册
        或
      1 npm adduser
      1. npm 登录（若已有npm账号） 
        1 npm login

         

       

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

 

查询当前登录账号： npm whoami

npm发布package：npm publish

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

切换至yarn镜像源： nrm use yarn

登录npm账号，同样需要输入： yarn login

发布： yarn publish

————————————————

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

原文链接：https://blog.csdn.net/u014212540/article/details/130260679

备注：username和password请填入npm用户名和密码，一次性密码需要从邮箱查看
查询当前登录账号： npm whoaminpm发布package：npm publish5.2 使用yarn镜像源和yarn命令进行上传（对于使用npm镜像经常出现网络连接失败的情况下，建议尝试yarn）切换至yarn镜像源： nrm use yarn登录npm账号，同样需要输入： yarn login发布： yarn publish————————————————
                            版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。                        原文链接：https://blog.csdn.net/u014212540/article/details/130260679