梦迢 發表於 2024-6-30 15:42:00

前端系列:Node.js安装与配置(详细步骤)

<p></p>
<div class="toc">
<h4>Node.js安装与配置(详细步骤)</h4>
<ul><li>Node.js安装与配置(详细步骤)</li><li><ul><li>前言</li><li>一、安装Node.js</li><li><ul><li>1.下载</li><li>2.安装</li><li>3.添加环境变量</li><li><ul><li>3.1 进入环境变量,编辑【系统变量】下的变量【`Path`】</li><li>3.2 添加Node.js的安装路径(此处为E:\devTools\nodejs\)</li></ul>
   </li></ul>
   </li><li>二、验证是否安装成功</li><li>三、修改模块下载位置</li><li><ul><li>1.查看npm默认存放位置</li><li>2.在 nodejs 安装目录下,创建 “node_global” 和 “node_cache” 两个文件夹</li><li>3.修改默认文件夹</li><li>4.测试默认位置是否更改成功</li></ul>
   </li><li>四、设置淘宝镜像</li><li><ul><li>1.将npm默认的registry修改为淘宝registry</li><li><ul><li>1.1 查看当前使用的镜像路径</li><li>1.2 更换npm为国内镜像</li><li>1.3 检查镜像是否配置成功</li></ul>
    </li><li>2.全局安装基于淘宝源的cnpm</li><li><ul><li>2.1 全局安装基于淘宝源的cnpm</li><li>2.2 本地查看cnpm模块</li><li>2.3 执行命令查看cnpm是否安装成功</li></ul>
   </li></ul>
   </li><li>五、总结大家的问题</li><li><ul><li>1.勾选文件夹权限后,下载模块时仍然报错。</li><li>2.使用npm install express --global安装express时提示:</li><li>3.cnpm -v只能在cnpm目录下才可以正常显示版本号。</li><li>4.安装完cnpm时 运行cnpm -v 出现’cnpm’ 不是内部或外部命令,也不是可运行的程序。</li></ul>
   </li><li>六、底下评论</li><li><ul><li>1. 作者大大,为什么我输入npm -v不显示版本号</li><li>2. npm config set prefix "E:\devTools\nodejs\node_global",为什么没用55555</li><li>3. 第四步遇到问题了,我输入C:\Users\Lenovo&gt;npm install express --global</li><li><ul><li>4. 你好,我第一次跟着你步骤,然后我删了最版本装了旧的,发现npm报错,因为你改了那个路径,npm默认存放位置,怎么回去,谢谢了</li><li>5. 博主最后一步`cnpm -v`可以在C盘目录下窗口正常运行是又添加了路径吗,我直接在C盘根目录下打不开,要在cnpm目录下才可以运行该命令</li><li>6. 安装模块 它安装到node_cache里面了 这是啥情况</li><li>7. 你好,我这个第四步权限都勾上了但还是报错怎么办,求解,谢谢了</li><li>8. 楼主你好,在安装完cnpm时 运行cnpm -v 出现'cnpm' 不是内部或外部命令,也不是可运行的程序,该怎么解决呢</li><li>9. 谢谢博主好文章,大家如果遇到安装完cnpm时出现不是内部或外部命令,也不是可运行的程序。需要重新打开cmd才能正常安装。</li><li>10. npm install express -g报错怎么办</li><li>11. [全能技术师](https://www.csdn.net/dwz/404?from=Vm1g3)</li><li>12. npm config set registry= [网页链接](https://registry.npm.taobao.org/) 这个镜像快得多</li><li>13. 1.勾选文件夹权限后,下载模块时仍然报错 解决方法:以管理员身份运行cmd, 然后执行命令就可以了</li><li>14. 为啥我的安装完expess和cnpm都在node_cache这个文件夹里面表情包</li><li>15. 按照步骤走的,第四步报错是为什么呀?</li><li>16. 下载淘宝镜像时4048</li><li>17. 管理员身份命令cnpm -v也是显示非内外部文件是不是也就是安装失败但是不用管了</li><li>18. 我的显示是华为cloud的镜像路径 用更换吗</li><li>19. 可以修改默认下载包路径吗</li><li>20. 安装环境频率太低,安完就忘了。失败的原因有很多,也有可能是网络问题,网速太慢,下载不了依赖。多找点资料试试吧</li><li>21. 为什么我卡在了第二步,“不是内部或外部命令…”表情包</li><li>22. 我的用户变量有Path 系统变量没有</li><li>23. 最新版是没有“node_global” 和 “node_cache” 这两个文件夹吗,我安装好几次都只有node_module其他两个都没有</li><li>24. 我cnpm安装完了,但是一直显示不是内部的命令。</li><li>25. 十分感谢,整体下来,镜像安装时需要重新打开cmd,其余跟着做就ok</li><li>26. 一直报错的先执行这个:npm config set strict-ssl false。原理自行上网查找</li><li>27. 为什么我卡在了第二步,“不是内部或外部命令…”表情包</li><li>28. 我的用户变量有Path 系统变量没有</li><li>29. 最新版是没有“node_global” 和 “node_cache” 这两个文件夹吗,我安装好几次都只有node_module其他两个都没有</li><li>30. 如果cnpm-v显示不是内部或外部命令可以去环境变量path加个“地址\node_global\node_modules\npm”然后关闭再重新打开cmd窗口</li><li>31. 老师们我安装完cnpm时 运行cnpm -v 出现’cnpm’ 不是内部或外部命令,也不是可运行的程序。</li><li>32. 补充一下,如果遇到网络代理的问题,在利用镜像处理cnpm时,最好不要使用校园网,可能同一时间段有多次访问,从而访问失败,可以换自己的手机热点!!</li><li>33. 你好,卡最后一步了cnpm输入了然后显示</li><li>34. 卡在第4步的去C:\Users\{你的用户名} 这里把.npmrc文件给删了,记得打开显示隐藏文件才能找到这个文件</li><li>35. node global 上的权限顺序不正确,可能导致某些数据项无法作用,这是怎么回事</li></ul>
   </li></ul>
   </li><li>写在最后</li></ul>
</li></ul>
</div>
<p></p>
<p><br></p>
<hr>
<br>
<h2>Node.js安装与配置(详细步骤)</h2>
<h3>前言</h3>
<p>本篇博文记录了Node.js安装与环境变量配置的详细步骤,旨在为将来再次配置Node.js时提供指导方法。</p>
<p>另外:<code>Node.js版本</code>请根据自身系统选择,安装位置、全局模块存放位置和环境变量应根据自身实际情况进行更改。</p>
<h3>一、安装Node.js</h3>
<h4>1.下载</h4>
<p>Node.js官网下载<br> 根据自身系统下载对应的安装包(我这里为Windows11 64位,故选择下载第一个安装包)</p>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/203470cf23ef1811e9086f60ce42156b.png#pic_center" alt="在这里插入图片描述"></p>
<h4>2.安装</h4>
<p>双击安装包,点击Next,勾选使用许可协议,点击Next,选择安装位置(可根据个人情况更换路径,我这里选择安装在<code>E:\devTools\nodejs</code>)</p>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/3b5551ea054fa485196c3e032de0a2b0.png#pic_center" alt="在这里插入图片描述"></p>
<p>继续点击<code>Next</code>,点击<code>Next</code>,点击<code>Install</code>,点击<code>Finish</code>完成安装。</p>
<h4>3.添加环境变量</h4>
<h5>3.1 进入环境变量,编辑【系统变量】下的变量【<code>Path</code>】</h5>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/b5f1525a5de3cbbfe1b6baea0dbc22a9.png#pic_center" alt="在这里插入图片描述"></p>
<h5>3.2 添加Node.js的安装路径(此处为E:\devTools\nodejs\)</h5>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/d2caac573d6101b9731f007d58f7da14.png#pic_center" alt="在这里插入图片描述"></p>
<h3>二、验证是否安装成功</h3>
<p>进入<code>cmd命令行</code>窗口,输入<code>node -v</code>查看<code>nodejs版本</code></p>
<pre><code class="prism language-powershell">node <span class="token operator">-</span>v
</code></pre>
<p>输入<code>npm -v</code>查看<code>npm版本</code></p>
<pre><code class="prism language-powershell">npm <span class="token operator">-</span>v
</code></pre>
<p>如下图所示,即为安装成功:</p>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/0de845e933390669517b6ec624166918.png#pic_center" alt="在这里插入图片描述"></p>
<h3>三、修改模块下载位置</h3>
<p>此步骤修改以后<code>npm全局下载模块</code>的保存位置,可根据自身情况选择是否更改。</p>
<h4>1.查看npm默认存放位置</h4>
<p>使用<code>npm get prefix</code>查看<code>npm全局模块</code>的存放路径</p>
<pre><code class="prism language-powershell">npm get prefix
</code></pre>
<p>使用<code>npm get cache</code>查看<code>npm缓存</code>默认存放路径</p>
<pre><code class="prism language-powershell">npm get cache
</code></pre>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/f669a3c1e215ab7dfc977bc14fef3b92.png#pic_center" alt="在这里插入图片描述"></p>
<p>如上图所示,<code>npm 全局模块</code>存放位置以及cache的存放位置,默认是在 <code>C 盘</code> <code>“C:\Users\用户\AppData”</code> 下。</p>
<h4>2.在 nodejs 安装目录下,创建 “node_global” 和 “node_cache” 两个文件夹</h4>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/7d8e76648c8440a106bde558591420dc.png#pic_center" alt="在这里插入图片描述"></p>
<h4>3.修改默认文件夹</h4>
<p>设置全局模块的安装路径到 <code>“node_global” 文件夹</code>,</p>
<pre><code class="prism language-powershell">npm config <span class="token function">set</span> prefix <span class="token string">"E:\devTools\nodejs\node_global"</span>
</code></pre>
<p>设置缓存到 <code>“node_cache” 文件夹</code></p>
<pre><code class="prism language-powershell">npm config <span class="token function">set</span> cache <span class="token string">"E:\devTools\nodejs\node_cache"</span>
</code></pre>
<p>如下图所示:<br> <img src="https://i-blog.csdnimg.cn/blog_migrate/8169e548e9d806cf57f5d7ccdca2b93e.png#pic_center" alt="在这里插入图片描述"><br> 注意:由于 <code>node 全局模块</code>大多数都是可以通过命令行访问的,还要把<code>【node_global】</code>的路径<code>“E:\devTools\nodejs\node_global”</code>加入到<code>【系统变量 】</code>下的<code>【PATH】 变量</code>中,方便直接使用命令行运行,如下图所示:</p>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/df61731a6fac14b09b0849e5bf3223f1.png#pic_center" alt="在这里插入图片描述"></p>
<h4>4.测试默认位置是否更改成功</h4>
<p>经过上面的步骤,<code>nodejs下载</code>的模块就会自动下载到我们自定义的目录,接下来我们测试一下是否更改成功。输入下面的命令:</p>
<pre><code class="prism language-powershell">npm install express <span class="token operator">-</span>g
</code></pre>
<p>或者</p>
<pre><code class="prism language-powershell">npm install express <span class="token operator">--</span>global
</code></pre>
<p>注意:<code>“-g”</code>等同于<code>“–global”</code>,<code>“-g”</code> 是全局安装,不加<code>“-g”</code>就是默认下载到当前目录。<code>“-g”</code> 表示安装到之前设置的<code>【node_global】目录</code>下,同时<code>nodejs</code>会自动地在<code>node_global文件夹</code>下创建<code>【node_modules】</code>子文件夹, 即自动下载到<code>“E:\devTools\nodejs\node_global\node_modules”</code> 路径下。</p>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/2cbb5633fe4452dacfcd8adc1a78c8eb.png#pic_center" alt="在这里插入图片描述"></p>
<p>如上图所示,下载<code>express模块</code>成功,然后在文件管理器中查看是否保存到上面自定义的路径下。</p>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/b7cb4fc11598762ce8da4e45b479851a.png#pic_center" alt="在这里插入图片描述"></p>
<p>可以看到,<code>express模块</code>已经成功地下载到<code>【E:\devTools\nodejs\node_global\node_modules】</code>下。</p>
<p>注意:若执行命令<code>npm install express -g</code>出现如下报错:</p>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/a9c4a3a742800c92979ed38a8e476917.png#pic_center" alt="在这里插入图片描述"></p>
<p>是由于对文件夹操作的权限不够,右击<code>Nodejs文件夹</code>-&gt;属性-&gt;安全,点击编辑,将所有权限都✔即可。<br> <img src="https://i-blog.csdnimg.cn/blog_migrate/f6ed47c0735549e4c90bd18f974659e9.png#pic_center" alt="在这里插入图片描述"></p>
<p><code>※</code>执行<code>npm install express -g</code>仍然出错的话继续将<code>nodejs</code>下<code>【node_cache】</code>、<code>【node_global】</code>、<code>【node_modules】</code>这三个文件夹的所有权限勾选,再次执行:</p>
<pre><code class="prism language-powershell">npm install express <span class="token operator">-</span>g
</code></pre>
<p>即可下载成功。</p>
<h3>四、设置淘宝镜像</h3>
<h4>1.将npm默认的registry修改为淘宝registry</h4>
<p>说明:<code>npm</code> 默认的 <code>registry</code> ,也就是下载 <code>npm 包</code>时会从国外的服务器下载,国内下载会很慢,可以更换为国内镜像:https://registry.npm.taobao.org(官方已更换域名) https://registry.npmmirror.com。</p>
<h5>1.1 查看当前使用的镜像路径</h5>
<pre><code class="prism language-powershell">npm config get registry
</code></pre>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/ee0fdf7c13c384a947b6a95b72531666.png#pic_center" alt="在这里插入图片描述"></p>
<h5>1.2 更换npm为国内镜像</h5>
<pre><code class="prism language-powershell"><span class="token comment"># npm config set registry https://registry.npm.taobao.org</span>
npm config <span class="token function">set</span> registry https:<span class="token operator">/</span><span class="token operator">/</span>registry<span class="token punctuation">.</span>npmmirror<span class="token punctuation">.</span>com
</code></pre>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/63f414a809e002cad69d3794dab9f6e1.png#pic_center" alt="在这里插入图片描述"></p>
<h5>1.3 检查镜像是否配置成功</h5>
<p>再次执行<code>npm config get registry</code>,检查当前的镜像路径:</p>
<pre><code class="prism language-powershell">npm config get registry
</code></pre>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/fdcc5d38e8b41f9a3f905aa628241686.png#pic_center" alt="在这里插入图片描述"></p>
<p>如上图所示,<code>npm</code>默认的<code>registry</code>已修改为<code>国内镜像registry</code>。</p>
<h4>2.全局安装基于淘宝源的cnpm</h4>
<p>说明:由于<code>npm</code>的服务器在海外,所以访问速度比较慢,访问不稳定 ,<code>cnpm</code>的服务器是由淘宝团队提供,服务器在国内,<code>cnpm</code>是<code>npm</code>镜像,一般会同步更新,相差在10分钟,所以<code>cnpm</code>在安装一些软件时候会比较有优势。但是<code>cnpm</code>一般只用于模块安装,在项目创建与卸载等相关操作时仍使用<code>npm</code>。</p>
<h5>2.1 全局安装基于淘宝源的cnpm</h5>
<pre><code class="prism language-powershell"><span class="token comment"># npm install -g cnpm --registry=https://registry.npm.taobao.org</span>
npm install <span class="token operator">-</span>g cnpm <span class="token operator">--</span>registry=https:<span class="token operator">/</span><span class="token operator">/</span>registry<span class="token punctuation">.</span>npmmirror<span class="token punctuation">.</span>com
</code></pre>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/c7135aa1b5cc0772dca0c6f6803ba25d.png#pic_center" alt="在这里插入图片描述"></p>
<h5>2.2 本地查看cnpm模块</h5>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/7c6e43da6eaf69fe18b6ad3fe280b2e9.png#pic_center" alt="在这里插入图片描述"></p>
<h5>2.3 执行命令查看cnpm是否安装成功</h5>
<pre><code class="prism language-powershell">cnpm <span class="token operator">-</span>v
</code></pre>
<p>如下图所示,即代表<code>cnpm</code>配置成功。</p>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/1f9f27acfa7c2387b04d7d9a69e8f1a9.png#pic_center" alt="在这里插入图片描述"></p>
<h3>五、总结大家的问题</h3>
<p>--------------------------- 分割线 2022.10.20 总结大家提的问题 ---------------------------<br> 非常感谢大家踊跃评论,可能部分评论的问题没有及时作出回答,在此道歉。<br> 下面是大家提出的一些问题并总结回答如下:</p>
<h4>1.勾选文件夹权限后,下载模块时仍然报错。</h4>
<p>回答:<br> 将<code>node.js</code>的安装路径和下面的<code>【node_cache】</code>、<code>【node_global】</code>、<code>【node_modules】</code>几个子文件夹的权限都勾选上。</p>
<p>如果执行<code>npm install命令</code>安装模块仍然报错,可以再根据报错信息中的<code>path</code>将文件夹的权限都勾选上。</p>
<p><img src="https://i-blog.csdnimg.cn/blog_migrate/9fe89df2d0c4562df1d3709faa882171.png#pic_center" alt="在这里插入图片描述"></p>
<h4>2.使用npm install express --global安装express时提示:</h4>
<pre><code class="prism language-powershell">npm WARN config global `<span class="token operator">--</span>global`<span class="token punctuation">,</span> `<span class="token operator">--</span>local` are deprecated<span class="token punctuation">.</span> Use `<span class="token operator">--</span>location=global` instead<span class="token punctuation">.</span>
</code></pre>
<p>回答:</p>
<p>这仅是一条警告,不是报错,仍可以正常下载模块,可以忽略,意思是<code>npm</code>不建议使用<code>–global</code>(等价于<code>-g</code>)或者<code>–local</code>,应该使用<code>--location=global</code>替代。<br> 如果仍使用<code>-g</code>且不想让<code>npm</code>报<code>warn</code>,请自行百度查找解决办法。</p>
<h4>3.cnpm -v只能在cnpm目录下才可以正常显示版本号。</h4>
<p>回答:<code>cnpm -v</code>只能在<code>cnpm</code>安装的目录才能运行,应是未使用<code>-g</code>或<code>–global</code>进行全局安装导致。</p>
<h4>4.安装完cnpm时 运行cnpm -v 出现’cnpm’ 不是内部或外部命令,也不是可运行的程序。</h4>
<p>回答:<br> ①首先确认是否使用的-g全局安装</p>
<pre><code class="prism language-powershell">npm install <span class="token operator">-</span>g cnpm <span class="token operator">--</span>registry=https:<span class="token operator">/</span><span class="token operator">/</span>registry<span class="token punctuation">.</span>npm<span class="token punctuation">.</span>taobao<span class="token punctuation">.</span>org
</code></pre>
<p>②如果是,检查<code>npm模块</code>本地存放位置是否有<code>cnpm文件夹</code><br> ③新建一个管理员身份的<code>cmd命令行窗口</code>再次执行<code>cnpm -v</code></p>
<p>ps:如果将<code>npm</code>默认的<code>registry</code>修改为<code>淘宝registry</code>后,使用<code>npm</code>下载时就会使用国内的淘宝镜像,如果大家安装<code>cnpm</code>遇到报错或者安装后仍然有问题,就可以不用再安装<code>cnpm</code>了,<code>npm淘宝镜像</code>和<code>cnpm</code>两种方案选择其一即可。当然,小朋友才做选择,作为成年人,大家也可以都要(不是</p>
<h3>六、底下评论</h3>
<h4>1. 作者大大,为什么我输入npm -v不显示版本号</h4>
<p>A:环境变量配置好了吗?</p>
<p>Q:我的也是npm不显示版本号,后面的express模块也安表情包装不了<br> 环境变量配置好了</p>
<p>A:是<code>【Win+R】</code>输入<code>cmd</code>打开的命令行窗口吗?<br> 输入<code>node -v</code>可以查看到<code>node</code>的版本吗?</p>
<h4>2. npm config set prefix “E:\devTools\nodejs\node_global”,为什么没用55555</h4>
<p>A:<br> ①需要先手动创建<code>node_global文件夹</code><br> ②<code>npm config set prefix "E:\devTools\nodejs\node_global"</code>更改保存路径<br> ③使用<code>npm get prefix</code>查看<code>npm全局模块</code>的存放路径<br> ④设置环境变量<br> ⑤修改文件夹权限</p>
<h4>3. 第四步遇到问题了,我输入C:\Users\Lenovo&gt;npm install express --global</h4>
<p>Q:它显示</p>
<pre><code class="prism language-powershell">npm WARN config global `<span class="token operator">--</span>global`<span class="token punctuation">,</span> `<span class="token operator">--</span>local` are deprecated<span class="token punctuation">.</span> Use `<span class="token operator">--</span>location=global` instead<span class="token punctuation">.</span>
</code></pre>
<p>Q:请问作者大大怎么解决。</p>
<p>Q1:你试试用管理员模式打开命令行,之前看那样打开的就不显示那个了,或者是需要设置一个文件,具体是什么你去搜一下应该就出来了</p>
<p>A:</p>
<pre><code class="prism language-powershell">npm WARN config global <span class="token operator">--</span>global<span class="token punctuation">,</span> <span class="token operator">--</span>local are deprecated<span class="token punctuation">.</span> Use <span class="token operator">--</span>location=global instead<span class="token punctuation">.</span>
</code></pre>
<p>这仅仅是一条警告,不是报错可以忽略,意思是<code>npm</code>不建议使用<code>--global</code>(等价于<code>-g</code>)或者<code>--local</code>,应该使用<code>--location=global</code>替代。<br> 如果仍使用<code>-g</code>且不想让<code>npm</code>报<code>warn</code>,请自行百度查找解决办法。</p>
<h5>4. 你好,我第一次跟着你步骤,然后我删了最版本装了旧的,发现npm报错,因为你改了那个路径,npm默认存放位置,怎么回去,谢谢了</h5>
<p>A:<br> <code>npm config set prefix "默认路径"</code>和<code>npm config set cache "默认路径"</code>更改回去就好了。默认路径的话可以参考三.1查看默认存放位置的路径,ly是我电脑的用户名,替换成你自己的就行了。</p>
<h5>5. 博主最后一步<code>cnpm -v</code>可以在C盘目录下窗口正常运行是又添加了路径吗,我直接在C盘根目录下打不开,要在cnpm目录下才可以运行该命令</h5>
<p>A:<br> 1、不需要再添加路径或变量了,按照前面的步骤配置就能全局正常使用cnpm了,另外设置淘宝镜像的话,把npm的原registry修改成阿里镜像后,使用npm也是使用的是国内的淘宝镜像,可以不用再安装cnpm了,两者自己看情况怎么选择,可以都配置,也可以仅配置一项目。<br> 2、至于你的cnpm只能在cnpm目录才能运行,你是不是没有使用-g或–global全局安装。</p>
<h5>6. 安装模块 它安装到node_cache里面了 这是啥情况</h5>
<p>A:把下载路径设置错了吧,设置完后可以再用<code>npm get prefix</code>看看设置的路径是否正确<br> Q:弄好了</p>
<h5>7. 你好,我这个第四步权限都勾上了但还是报错怎么办,求解,谢谢了</h5>
<p>A:把<code>nodejs安装路径</code>下面的几个子文件夹的权限也勾选上了吗?</p>
<p>Q:我也是和他一样的问题,子文件也全都勾上了</p>
<h5>8. 楼主你好,在安装完cnpm时 运行cnpm -v 出现’cnpm’ 不是内部或外部命令,也不是可运行的程序,该怎么解决呢</h5>
<p>A: 是使用的-g全局安装吗</p>
<pre><code class="prism language-powershell">npm install <span class="token operator">-</span>g cnpm <span class="token operator">--</span>registry=https:<span class="token operator">/</span><span class="token operator">/</span>registry<span class="token punctuation">.</span>npm<span class="token punctuation">.</span>taobao<span class="token punctuation">.</span>org
</code></pre>
<p>如果是,再看一下<code>npm模块</code>本地存放位置是否有<code>cnpm文件夹</code></p>
<p>Q:我也是最后一步这个问题 咋解决的</p>
<p>Q:重开一个命令行再运行<code>cnpm -v</code></p>
<p>Q:这个可以表情包</p>
<h5>9. 谢谢博主好文章,大家如果遇到安装完cnpm时出现不是内部或外部命令,也不是可运行的程序。需要重新打开cmd才能正常安装。</h5>
<h5>10. npm install express -g报错怎么办</h5>
<p>佬,请问你解决了吗,我的也是</p>
<p>解决了吗</p>
<p>佬,请问你解决了吗,我的也是</p>
<h5>11. 全能技术师</h5>
<h5>12. npm config set registry= 网页链接 这个镜像快得多</h5>
<p>A:你访问一下https://registry.npm.taobao.org/地址试试,已经已被301重定向至https://registry.npmmirror.com/了,当然https://registry.npm.taobao.org/这个地址目前也能使用。</p>
<h5>13. 1.勾选文件夹权限后,下载模块时仍然报错 解决方法:以管理员身份运行cmd, 然后执行命令就可以了</h5>
<p>Q:就是管理员身份然后还是抱错了怎么解决</p>
<h5>14. 为啥我的安装完expess和cnpm都在node_cache这个文件夹里面表情包</h5>
<p>Q:你解决了吗,我也是的</p>
<p>A:在<code>cmd窗口</code>使用<code>npm get prefix</code>看一下设置的模块下载位置是不是你需要存放的位置呢</p>
<p>Q:重新设置一下<br> 就好了,应该是之前搞错了</p>
<p>Q:那该怎么改一下子呢,确实是使用<code>npm install express -g</code><br> 这个口令</p>
<h5>15. 按照步骤走的,第四步报错是为什么呀?</h5>
<pre><code class="prism language-powershell">npm ERR! code ECONNRESET
npm ERR! network aborted
npm ERR! network This is a problem related to network connectivity<span class="token punctuation">.</span>
npm ERR! network In most cases you are behind a proxy or have bad network settings<span class="token punctuation">.</span>
npm ERR! network
npm ERR! network <span class="token keyword">If</span> you are behind a proxy<span class="token punctuation">,</span> please make sure that the
npm ERR! network <span class="token string">'proxy'</span> config is <span class="token function">set</span> properly<span class="token punctuation">.</span> See: <span class="token string">'npm help config'</span>

npm ERR! A complete log of this run can be found in:
npm ERR! D:\Program Files <span class="token punctuation">(</span>x86<span class="token punctuation">)</span>\nodejs\node_cache\_logs\2023-04-26T02_41_47_747Z-debug-0<span class="token punctuation">.</span>log
</code></pre>
<p>Q:我也出这个错,搞了好久都没弄出来,只要命令行有<code>install</code>就会卡在这里,网上查了各种都是说啥换源,但还是不行,大哥你解决了吗表情包</p>
<h5>16. 下载淘宝镜像时4048</h5>
<pre><code class="prism language-powershell">errno: <span class="token operator">-</span>4048<span class="token punctuation">,</span>
npm ERR! code: <span class="token string">'EPERM'</span><span class="token punctuation">,</span>
npm ERR! syscall: <span class="token string">'rename'</span><span class="token punctuation">,</span>
</code></pre>
<p>这个怎么解决</p>
<p>Q:咋解决的</p>
<p>Q:删缓存 重装了</p>
<p>Q:咋解决的</p>
<pre><code class="prism language-powershell">npm ERR! errno: <span class="token operator">-</span>4048<span class="token punctuation">,</span>
npm ERR! code: <span class="token string">'EPERM'</span><span class="token punctuation">,</span>
npm ERR! syscall: <span class="token string">'rename'</span><span class="token punctuation">,</span>
npm ERR! path: <span class="token string">'C:\\Program Files\\nodejs\\node_global\\node_modules\\cnpm\\node_modules\\npm\\node_modules\\.node-gyp.DELETE\\node_modules\\@npmcli'</span><span class="token punctuation">,</span>
npm ERR! dest: <span class="token string">'C:\\Program Files\\nodejs\\node_global\\node_modules\\cnpm\\node_modules\\npm\\node_modules\\node-gyp\\node_modules\\@npmcli'</span><span class="token punctuation">,</span>
npm ERR! parent: <span class="token string">'npm'</span>
npm ERR! <span class="token punctuation">}</span>
npm ERR!
npm ERR! The operation was rejected by your operating system<span class="token punctuation">.</span>
npm ERR! It's possible that the file was already in use <span class="token punctuation">(</span>by a text editor or antivirus<span class="token punctuation">)</span><span class="token punctuation">,</span>
npm ERR! or that you lack permissions to access it<span class="token punctuation">.</span>
npm ERR!
npm ERR! <span class="token keyword">If</span> you believe this might be a permissions issue<span class="token punctuation">,</span> please double-check the
npm ERR! permissions of the file and its containing directories<span class="token punctuation">,</span> or <span class="token keyword">try</span> running
npm ERR! the command again as root/Administrator<span class="token punctuation">.</span>
</code></pre>
<h5>17. 管理员身份命令cnpm -v也是显示非内外部文件是不是也就是安装失败但是不用管了</h5>
<p>Q:不管会有影响吗?指的是运行方面。</p>
<p>Q:目前来看是没有影响,具体不清楚为什么会这样</p>
<h5>18. 我的显示是华为cloud的镜像路径 用更换吗</h5>
<h5>19. 可以修改默认下载包路径吗</h5>
<h5>20. 安装环境频率太低,安完就忘了。失败的原因有很多,也有可能是网络问题,网速太慢,下载不了依赖。多找点资料试试吧</h5>
<p>注意两点:<br> 1、原先装有<code>node.js</code>的要先卸载,卸载程序,删除目录,还要删除环境变量。<br> 2、使用 <code>npm install express -g</code>时,必须用管理员身份,否则会失败。打开命令窗时,要用管理员身份。</p>
<p>Q:我是用这个命令,成功了,但是没有生成相关的文件</p>
<p>Q:没生成文件,那就是配置不对</p>
<p>Q:佬,按照评论又试了一遍,还是不行呀表情包</p>
<h5>21. 为什么我卡在了第二步,“不是内部或外部命令…”表情包</h5>
<p>没装对</p>
<p>环境变量那里少配了</p>
<h5>22. 我的用户变量有Path 系统变量没有</h5>
<p>在系统变量里创建一个呗</p>
<h5>23. 最新版是没有“node_global” 和 “node_cache” 这两个文件夹吗,我安装好几次都只有node_module其他两个都没有</h5>
<p>安装express模块老出错的话可以把安装路径和C盘中的node.js文件的权限都打对勾,省的再一个个排查哪不对,然后就是我是安装完express成功后才出现了上面我提到没有的两个文件夹,而且没有配置改缓存路径express就自动在node.js安装的目录下生成“node_global” 和 “node_cache” 两个文件夹并且在node_global中自动生成一个node_module文件夹express安到了这里</p>
<p>这两个不是为了方便查看自己建的新文件夹吗(博客说的很清楚呐)</p>
<h5>24. 我cnpm安装完了,但是一直显示不是内部的命令。</h5>
<p>Q:系统变量path 加上 \node_global 并且安装cnpm之后 将弹窗关闭重新打开就有了</p>
<p>Q:试过了,还是不行,重启也试过了,都不行</p>
<p>Q:有用,感谢</p>
<h5>25. 十分感谢,整体下来,镜像安装时需要重新打开cmd,其余跟着做就ok</h5>
<h5>26. 一直报错的先执行这个:npm config set strict-ssl false。原理自行上网查找</h5>
<h5>27. 为什么我卡在了第二步,“不是内部或外部命令…”表情包</h5>
<p>Q:没装对</p>
<p>Q:环境变量那里少配了</p>
<h5>28. 我的用户变量有Path 系统变量没有</h5>
<p>Q:在系统变量里创建一个呗</p>
<h5>29. 最新版是没有“node_global” 和 “node_cache” 这两个文件夹吗,我安装好几次都只有node_module其他两个都没有</h5>
<p>Q:安装express模块老出错的话可以把安装路径和C盘中的node.js文件的权限都打对勾,省的再一个个排查哪不对,然后就是我是安装完express成功后才出现了上面我提到没有的两个文件夹,而且没有配置改缓存路径express就自动在node.js安装的目录下生成“node_global” 和 “node_cache” 两个文件夹并且在node_global中自动生成一个node_module文件夹express安到了这里</p>
<p>Q:这两个不是为了方便查看自己建的新文件夹吗(博客说的很清楚呐)</p>
<h5>30. 如果cnpm-v显示不是内部或外部命令可以去环境变量path加个“地址\node_global\node_modules\npm”然后关闭再重新打开cmd窗口</h5>
<h5>31. 老师们我安装完cnpm时 运行cnpm -v 出现’cnpm’ 不是内部或外部命令,也不是可运行的程序。</h5>
<p>然后输入圈一之后报错了怎么解决啊</p>
<p>没有将命令所在路径加入到环境变量中</p>
<h5>32. 补充一下,如果遇到网络代理的问题,在利用镜像处理cnpm时,最好不要使用校园网,可能同一时间段有多次访问,从而访问失败,可以换自己的手机热点!!</h5>
<h5>33. 你好,卡最后一步了cnpm输入了然后显示</h5>
<pre><code class="prism language-powershell">changed 66 packages in 41s
59 packages are looking <span class="token keyword">for</span> funding
run `npm fund` <span class="token keyword">for</span> details
</code></pre>
<p>但是还是没有cnpm文件,权限都拉满了,环境变量也弄了,为啥啊</p>
<h5>34. 卡在第4步的去C:\Users{你的用户名} 这里把.npmrc文件给删了,记得打开显示隐藏文件才能找到这个文件</h5>
<p>额,删了好像不行,继续按照下面的提示来就行了</p>
<h5>35. node global 上的权限顺序不正确,可能导致某些数据项无法作用,这是怎么回事</h5>
<h3>写在最后</h3>
<p>安装Node.js后,可通过安装Vue.js运行vue项目,Vue.js安装与创建默认项目可见下一篇博文:<br> https://blog.csdn.net/weixin_54626591/article/details/140082027</p>
<p><br><br> <br></p>
<hr>
<br>
<br>
<p>liyitongxue</p>
<p>Node.js安装与配置(详细步骤)</p><br><br>
来源:https://www.cnblogs.com/liupiaos/p/18465241
頁: [1]
查看完整版本: 前端系列:Node.js安装与配置(详细步骤)