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

木子金玉 發表於 2024-4-8 11:02:00

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

转发：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） 
<h3>1. node.js 安装</h3>
node.js 安装完成后会带相应的npm 包管理工具。
1. node js 官网下载 选择合适的版本进行下载。
<img src="https://img2024.cnblogs.com/blog/1223144/202404/1223144-20240408103322551-464854899.png">
 这里选择稳定版本。一步一步执行安装，期间安装盘默认C 盘，建议更换到盘符。 我是安装到E 盘
<img src="https://img2024.cnblogs.com/blog/1223144/202404/1223144-20240408103356328-906889568.png">
 2. 使用 window + R 快捷键，启动 cmd命令行验证 node.js 是否安装成功
<img src="https://img2024.cnblogs.com/blog/1223144/202404/1223144-20240408103425449-1461108133.png">
<h3>2. Node.js环境变量配置</h3>
<ol>
<li>更改全局安装路径：
<div class="cnblogs_code">
<pre>如果不更改全局安装的默认路径，会默认安装到C盘的路径 (C:\Users\hua\AppData\Roaming\npm)
中,建议更改node 安装盘符在node.js的安装目录中，新建两个文件夹 node_global 和 node_cache，分别用来存放安装的全局模块和全局缓存信息</pre>
</div>
 
</li>
<li>设置全局模块安装路径、设置全局缓存存放路径 创建完两个文件夹后，在cmd窗口中输入以下命令（两个路径即是两个文件夹的路径）：
<img src="https://img2024.cnblogs.com/blog/1223144/202404/1223144-20240408104407258-101855684.png">
<div class="cnblogs_code">
<pre>1 # 设置全局模块安装路径
2 npm config set prefix "E:\Program Files\nodejs\node_global"
3 # 设置全局缓存存放路径
4 npm config set cache "E:\Program Files\nodejs\node_cache"</pre>
</div>
<ol start="3">
<li>设置电脑环境变量，环境变量界面打开顺序：右键 “我的电脑”=》属性=》高级系统设置=》环境变量:</li>
</ol>
修改前：
<img src="https://img2024.cnblogs.com/blog/1223144/202404/1223144-20240408104744515-1744477480.png">
 修改后： 删除<code>C:\Users\Lenovo\AppData\Roaming\npm</code> 后追加：<code>E:\Program Files\npm_global_modules</code>
<img src="https://img2024.cnblogs.com/blog/1223144/202404/1223144-20240408104809183-1136223656.png">
 新建系统变量：NODE_PATH:<code>E:\Program Files\nodejs\node_global</code>
<img src="https://img2024.cnblogs.com/blog/1223144/202404/1223144-20240408104831448-1176333393.png">
</li>
<li>测试是否成功： 测试是否配置成功，在 cmd 窗口中输入以下指令在 cmd 窗口中输入以下指令全局安装Vue模块
<div class="cnblogs_code">
<pre>1 npm install -g vue # -g 表示全局安装</pre>
</div>
<img src="https://img2024.cnblogs.com/blog/1223144/202404/1223144-20240408104944745-330655697.png">
<h3>3. 国内镜像网站配置</h3>
配置国内镜像，解决模块安装缓慢或者失败的问题。一般配置淘宝npm镜像
<ol>
<li>在 cmd 命令行中，通过命令配置淘宝镜像
<div class="cnblogs_code">
<pre>1 npm install -g cnpm --registry=https://registry.npm.taobao.org</pre>
</div>
使用淘宝镜像下载模块，即，将 npm 替换成 cnpm 即可
<div class="cnblogs_code">
<pre>cnpm install # module_name</pre>
</div>
 
</li>
<li>切换工具nrm 安装 使用 npm 全局安装 nrm
<div class="cnblogs_code">
<pre>1 npm install nrm -g</pre>
</div>
执行 <code>nrm ls</code> 如果安装过程报错：
<img src="https://img2024.cnblogs.com/blog/1223144/202404/1223144-20240408105258929-1149055331.png">
 
Error : 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 版本的包
<img src="https://img2024.cnblogs.com/blog/1223144/202404/1223144-20240408105319526-405637886.png">
 解决方法：<code>npm install -g nrm open@8.4.2 --save</code>
</li>
<li>通过 nrm ls 命令，查看npm的仓库列表，带 * 的就是当前选中的镜像仓库：
<img src="https://img2024.cnblogs.com/blog/1223144/202404/1223144-20240408105349451-1779720605.png">
 在cmd中输入nrm ls,显示如下，发现找不到* 解决问题，在安装nrm目录下找到cli.js,打开修改代码 修改代码如下，把&&修改为|| 修改前：
<div class="cnblogs_code">
<pre> 1if (hasOwnProperty(customRegistries, name) && (name in registries || customRegistries.registry === registry.registry)) {
 2 registry = true;
 3 customRegistries = registry;
 4 }
 5 setCustomRegistry(customRegistries);
 6 printMsg(['', ' Registry has been set to: ' + newR, '']);
 7 }).catch(err => {
 8 exit(err);
 9 });
10 });</pre>
</div>
修改后：
<div class="cnblogs_code">
<pre> 1if (hasOwnProperty(customRegistries, name) || (name in registries || customRegistries.registry === registry.registry)) {
 2 registry = true;
 3 customRegistries = registry;
 4 }//修改了&&为||
 5 setCustomRegistry(customRegistries);
 6 printMsg(['', ' Registry has been set to: ' + newR, '']);
 7 }).catch(err => {
 8 exit(err);
 9 });
10 });</pre>
</div>
在此执行： <code>nrm use taobao</code> <code>nrm ls</code>
<img src="https://img2024.cnblogs.com/blog/1223144/202404/1223144-20240408105459062-1193473733.png">
 
</li>
<li>通过 <code>nrm use xxx</code> 来指定要使用的镜像源：
<div class="cnblogs_code">
<pre>1 nrm use taobao</pre>
</div>
<img src="https://img2024.cnblogs.com/blog/1223144/202404/1223144-20240408105532908-1188989931.png">
 
</li>
<li>最后，通过 <code>nrm test npm</code> 来测试速度
<img src="https://img2024.cnblogs.com/blog/1223144/202404/1223144-20240408105556959-854265291.png">
 
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为源地址
<div class="cnblogs_code">
<pre>1 例如：npm config set registry https://registry.npmjs.org/</pre>
</div>
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官方注册表:
<div class="cnblogs_code">
<pre>1 npm config set registry https://registry.npmjs.org/ 
2 或
3 nrm use npm</pre>
</div>
<ol start="2">
<li>npm注册用户（若无npm账号） 去npm 官网注册 或</li>

</ol>
<div class="cnblogs_code">
<pre>1 npm adduser </pre>
</div>
<ol start="3">
<li>npm 登录（若已有npm账号）
<div class="cnblogs_code">
<pre>1 npm login</pre>
</div>
 
</li>
</ol>
<pre class="set-code-show prettyprint" data-index="10"><code class="prism language-java has-numbering"> </code></pre>
</li>
</ol></li>
</ol>
备注：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 
来源：https://www.cnblogs.com/gzy2016Blog/p/18120697

頁: [1]

琼殿技术论坛's Archiver

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