npm讲解、npm的安装教程、Node.js安装教程

本文最后更新于2024.05.30-05:17，某些文章具有时效性，若有错误或已失效，请在下方留言或联系涛哥。

一、知识储备中心

在安装npm之前我们需要先弄懂几个东西

• 什么是npm?
• 什么是webpack？
• 什么是vue-cli？

1、npm(Node Package Manager)是Nodejs下的节点包管理器。

那么 npm 是怎么火的呢？

npm 的发展是跟 Node.js 的发展相辅相成的。

Node.js 是由一个在德国工作的美国程序员 Ryan Dahl 写的。他写了 Node.js，但是 Node.js 缺少一个包管理器，于是他和 npm 的作者一拍即合、抱团取暖，最终 Node.js 内置了 npm。

后来的事情大家都知道，Node.js 火了。

随着 Node.js 的火爆，大家开始用 npm 来共享 JS 代码了，于是 jQuery 作者也将 jQuery 发布到 npm 了。

所以现在，你可以使用 npm install jquery 来下载 jQuery 代码。

现在用 npm 来分享代码已经成了前端的标配。

2、webpack是一个打包器它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的合并和打包（目的是解决多文件下载和加载慢的问题）。

3、vue-cli是vue的命令行工具，只要按照官网敲几行命令就可以新建一个基本的vue项目框架，方便快捷，vue-cli包含webpack。

二、下载Node.js（Node.js）

三、安装检查和路径修改

控制台输入命令查看是否安装成功

修改npm全局包所在位置

我们都知道，npm的安装方式有两种，分为全局安装和局部安装。顾名思义：全局安装就是在任何文件夹都可运行，其实原理也就是写进环境变量，每次在命令行中敲入命令时，根据环境变量的设置寻找对应的可执行程序运行。

npm install -g <package_name>

局部安装就是在当前项目中建立包，在当前项目中起作用

npm install <package_name>

局部安装

当选择项目局部安装包时，默认的安装路径为项目根目录文件夹node_modules。

全局安装

当选择全局安装时，默认的安装路径为C:\Users\xxx\AppData\Roaming\npm，缓存路径为C:\Users\xxx\AppData\Roaming\npm_cache，其中xxx根据自己是自己系统的用户名。

修改全局包安装路径

npm config set prefix "E:/Developer/nodejs/npm_global"
npm config set cache "E:/Developer/nodejs/npm_cache"

当然了，不一定得是这个路径，但必须是相同的文件名。配置成功后，可以查看一下是否配置成功

npm config ls