大家好，我是CUGGZ。今天分享一些有用的npm技巧！一、npm的基本概念。npm的全称是NodePackageManager。它是一个基于Node.js的包管理器，也是Node.js社区中最流行的包管理器，支持最多的第三方模块。它的初衷是为了让开发者更容易共享和重用代码。npm提供了一个命令行工具，主要功能是管理Node.js的包，包括安装、更新、删除、查看、搜索、发布等。npm最初只是一个Node.js的包管理器，但是随着不断的发展作为前端技术，它的定位变成了一个通用的包管理器，可以管理JavaScript、React、Vue、Gulp、移动开发等包。最大和最环保的包管理器。npm可以解决Node.js模块管理中的很多问题。其常见的应用场景如下：从npm镜像服务器下载第三方模块。从npm镜像服务器下载安装命令行程序到本地。自己将模块发布到npm镜像服务器上，供其他人使用。npm不需要单独安装。安装Node.js时，npm会一起安装。但是安装的npm不一定是最新版本。可以使用以下命令查看本地npm版本：npm-v其中-v是--version的缩写，表示版本。如果要升级npm版本，可以使用以下命令：npminstallnpm@latest-g其中@latest表示最新??版本，-g是--global的缩写，表示全局安装。另外，还可以使用help命令查看npm帮助：npmcommand--help例如查看install的参数形式：npminstall--help其中--help可以简写为-h，即执行结果上面的命令如下，可以看到安装命令的多种形式：npm常用命令：命令功能npm-v查看npm版本。npminit初始化后会出现一个package.json配置文件。可以在末尾加上-y，快速跳过问答界面。npminstall会根据项目中的package.json文件自动下载项目需要的所有依赖。npminstallpackagename--save-dev(npminstallpackagename-D)安装的包只在开发环境使用，生产环境不使用，会出现在package.json文件中的devDependencies属性中。npminstallpackagename--save(npminstallpackagename-S)安装的包需要发布到生产环境，会出现在package.json文件中的dependencies属性中。npmlist查看当前目录下已安装的节点包。npmlist-g查看全局安装的节点包。npm--help查看npm帮助命令。npmupdatepackagename更新指定的包。npmuninstallpackagename卸载指定的包。npmconfiglist查看配置信息。npm指定命令--help查看指定命令的帮助。npminfo指定包名，可以查看远程npm上指定包的所有版本信息。npmconfigsetregistryhttps://registry.npm.taobao.org修改包下载源，这里修改为淘宝镜像。npmroot查看当前包的安装路径。npmroot-g查看全局包的安装路径。npmlspackagename查看本地安装的指定包和版本信息，为空不显示。npmlspackagename-g查看全局安装的指定包和版本信息，空的不显示。说完这些概念，我们再来看看npm在使用时的实用技巧。2.初始化package.json所有npm管理的项目都需要初始化一个package.json文件。你可以使用下面的命令来初始化一个包：npminit执行这个命令时，它会通过问答的形式一步一步地设置它。如果不需要修改默认配置，一路回车即可。如果想跳过向导，快速生成package.json文件，可以执行以下命令：npminit--yes其中--yes可以简写为-y。此时生成的package.json文件的配置项为npm的默认配置。当然，这个默认配置也是可以改变的。可以通过类似下面的形式修改npm的默认配置：npmconfigsetinit.author.nameYOUR_NAMEnpmconfigsetinit.author.emailYOUR_EMAIL执行完上面的命令后，稍后再执行npminit命令时执行，package.json的作者姓名和邮箱会被初始化为我们设置的值。3.快速了解package.json当你要使用一个包时，如果你想知道它是如何使用的，可以使用下面的命令打开包的主页，它会自动启动浏览器并打开这个页面，这里是React例子：npmhomereact如果想查看这个包存在的问题，或者公开的路线图，可以执行以下命令：npmbugsreact如果想查看这个包的代码地址，可以执行下面的命令：npmreporeact如果你想查看这个包的详细信息，可以执行下面的命令：npminforeact执行结果如下：这里是一个JavaScript对象，里面包含了react模块的详细信息，并且可以使用info命令获取该对象的成员信息：npminforeactdescription执行结果如下：4.安装依赖可以使用npminstall命令安装需要的package.如果想自动将这个包添加到package.json中，可以执行以下命令。下面是一个安装React的例子：npminstallreact--save如果你想安装不同版本的包，你可以这样做：//安装最新版本npminstallreact@latest//安装指定版本npminstallreact@16.8.0//安装指定版本npminstallreact@">=16.8.0<17.0.1"使用npm安装依赖时，分为本地安装（local）和全局安装（global）。两者的区别在于是否带-g参数：命令缩写说明None将模块安装到本地node_modules目录，但不保存在package.json中。--save-S将模块安装到本地node_modules目录，并保存到package.json中的dependencies配置项。该包的依赖在生产环境中依然存在。--sava-dev-D将模块安装到本地的node_modules目录下，并保存到package.json中的devDependencies配置项中，仅供开发使用。--global-g安装的模块是一个全局模块。如果使用命令行模块，它将直接链接到环境变量。可以使用require关键字导入本地安装的包。为了避免引用的模块消失，保证所有依赖的模块出现在package.json中，最好在npminstall的时候加上--save。需要注意的是，执行npminstall命令时，在npm5之前，只会下载，不会保存依赖信息。如果需要保存，需要加上--save选项。npm5以后可以省略--save选项，自动保存。5.锁定依赖当使用--save安装依赖时，npm会保存依赖并添加^前缀。他说当再次执行npminstall命令时，会自动安装这个大版本下的这个包的最新版本。如果想修改这个功能，可以执行下面的命令：npmconfigsetsave-prefix='~'执行完这个命令后，^符号就会变成~符号。再次安装新模块时，由只允许小版本升级变为只允许补丁包升级。如果想锁定当前版本，可以执行如下命令：npmconfigsetsave-exacttrue这样每次npminstallxxx--save都会锁定依赖的版本号，相当于加上--save-确切的参数。建议所有在线应用都采用这种锁定版本号的方式。为了完全锁定依赖版本，让应用在任意一台机器上都安装相同的版本，可以执行如下命令：项目，它包含了依赖树和由node_modules计算的模块的版本。只要目录下有npm-shrinkwrap.json，运行npminstall时会优先使用npm-shrinkwrap.json中的配置，没有则使用package.json进行安装。6.搜索依赖npm。它为我们提供了搜索npm仓库的搜索命令。搜索参数可以是字符串也可以是正则表达式：npmsearchreact搜索结果如下：当然我们也可以去node.js官网：https://www.npmjs.com/就可以了可能不容易找到合适的依赖包。这时候可以使用网站https://npms.io/，这里量化了每个包的质量、流行度、可维护性等指标。这些指标包括：是否使用过时的依赖，是否配置代码检查，是否测试，最新版本发布时间。推荐使用Openbase搜索合适的包：https://openbase.com/7。更新和卸载依赖npm为我们提供了更新依赖版本的命令：npmupdate[packagename]如果要更新全局安装的模块，需要添加参数-global:npmupdate-global[packagename]执行这两个时命令，它会先去远程仓库查询最新版本，然后再查询本地版本。如果本地版本不存在，或者远程版本较新，则会安装。如果要更新package.json中依赖包的版本，需要使用-S或--save参数。需要注意的是，从npmv2.6.1开始，npmupdate只会更新顶层模块，不会更新依赖模块，而之前的版本是递归更新的。如果你想要这个效果，可以使用以下命令：npm--depth9999update除了更新包，你还可以删除指定的包：npmuninstall[packagename]如果你想删除全局包，你需要添加参数-global：npmuninstall[packagename]-global8。查找过时的包npm提供了查看过期依赖的命令：npmoutdated在项目中执行这条命令，输出结果如下：可以看到，这里列出了过时的依赖包名、当前版本、预期版本、最新版本、依赖于本地路径，项目名称依赖于这个包。您可以使用以下命令查看最新版本的npm包：//显示包信息npmview
