node-js，npm安装-详细教程

黑夜之星 發表於 2024-6-25 03:50:00

一、npm是什么？ npm 是 NodeJS 下的包管理器，vue-cli脚手架模板就是基于 node 下的 npm 来完成安装的。
相关介绍~ webpack: 它的主要用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包。 vue-cli：官方提供的一个脚手架，用于快速生成一个 vue 的项目模板。
二、安装、配置环境变量 1.下载并安装NodeJS windows下的NodeJS安装是比较方便的（v0.6.0版本之后，支持windows native），只需要直接访问官网（https://nodejs.cn/download/），这里我们可以选择 Windows 安装包 (.msi)-64位进行安装。
<img src="https://img2024.cnblogs.com/blog/1240180/202406/1240180-20240625032924367-1857032598.png">
 或者直接登陆官网 http://nodejs.org/
<img src="https://img2024.cnblogs.com/blog/1240180/202406/1240180-20240625033008557-1878507796.png">
 安装过程基本一路直接“NEXT”就可以了，直到Finished。 
<img src="https://img2024.cnblogs.com/blog/1240180/202406/1240180-20240625033112867-929876467.png">
<img src="https://img2024.cnblogs.com/blog/1240180/202406/1240180-20240625033200563-368932921.png">
<img src="https://img2024.cnblogs.com/blog/1240180/202406/1240180-20240625033229127-634396498.png">
  windows下，安装msi文件在过程中会直接添加path的系统变量，变量值是你的安装路径，例如“D:\RunSoftware\nodejs” 
<img src="https://img2024.cnblogs.com/blog/1240180/202406/1240180-20240625033306088-567134686.png">
<img src="https://img2024.cnblogs.com/blog/1240180/202406/1240180-20240625033346785-2129445404.png">
 确认 nodejs 安装成功：
快捷键 win+R —> 输入 cmd命令行，进入 dos 窗口：输入 node -v，查看是否能够正确打印出版本号即可！
<img src="https://img2024.cnblogs.com/blog/1240180/202406/1240180-20240625033410074-1784912645.png"> 
node自带 npm，输入 npm -v，查看是否能够正确打印出版本号即可！
<img src="https://img2024.cnblogs.com/blog/1240180/202406/1240180-20240625033426402-1496769765.png">
 2.npm配置
npm作为一个NodeJS的模块管理，我们可以先配置npm的全局模块的存放路径以及cache的路径。 （1）建立2个目录 node_cache 和 node_global 。 如果想将这两个文件夹放在NodeJS的主目录下，便在NodeJs下建立"node_global"及"node_cache"两个文件夹。如下：
<img src="https://img2024.cnblogs.com/blog/1240180/202406/1240180-20240625033454106-43056908.png">
 （2）进行配置
<div class="cnblogs_code">
<pre>npm config set prefix "D:\RunSoftware\nodejs\node_global"
npm config set cache "D:\RunSoftware\nodejs\node_cache"</pre>
</div>
如果不进行这一步设置，npm的全局安装包，将不会在node安装文件夹里。
如果这个步骤出现错误，如：operation not permitted, mkdir ‘D:\RunSoftware\nodejs’，请使用管理员身份打开cmd命令行。 这里我们可以看到：
<img src="https://img2024.cnblogs.com/blog/1240180/202406/1240180-20240625033605568-1167539420.png">
 （3）配置环境变量
进入环境变量对话框，在系统变量下新建 “NODE_PATH”，输入”D:\RunSoftware\nodejs\node_global\node_modules“。
 
<img src="https://img2024.cnblogs.com/blog/1240180/202406/1240180-20240625033633813-678849470.png">
 
<img src="https://img2024.cnblogs.com/blog/1240180/202406/1240180-20240625033649768-139724316.png">
 由于改变了module的默认地址，所以上面的用户变量都要跟着改变一下（用户变量"PATH"修改为“D:\RunSoftware\nodejs\node_global\”），否则使用 module 的时候会导致输入命令出现 “xxx不是内部或外部命令，也不是可运行的程序或批处理文件”这个错误。
<img src="https://img2024.cnblogs.com/blog/1240180/202406/1240180-20240625033739495-1483137255.png">
 （4）安装 Node.js 淘宝镜像加速器（cnpm）。这样子的话，下载会快很多~
配置镜像站：npm config set registry=https://registry.npm.taobao.org
 
检查一下镜像站是否可以：npm config get registry
 接下来，输入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org
或者输入如下命令：
# -g 就是全局安装 npm install cnpm -g # 或使用如下语句解决 npm 速度慢的问题 npm install --registry=https://registry.npm.taobao.org 1 2 3 4 添加系统变量path的内容： 　　因为 cnpm 会被安装到 D:\RunSoftware\nodejs\node_global 下，而系统变量path并未包含该路径。所以我们在系统变量path下添加该路径后，便可正常使用 cnpm 。 　　 然后，输入命令：cnpm -v，查看结果。
安装过程可能会有点慢，耐心等待！虽然安装了 cnpm，但是尽量少用！ 安装的位置，如下：
至此，我们的 npm 安装就成功结束了！ ————————————————
 版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。 原文链接：https://blog.csdn.net/panpan_Yang/article/details/130284726 
来源：https://www.cnblogs.com/zsg88/p/18266130

頁: [1]

琼殿技术论坛's Archiver

node-js，npm安装-详细教程