NPM包管理工具——入门详解

根据b站所学习而自行整理的个人笔记

【NPM】包管理工具 #node package manager_哔哩哔哩_bilibili

NPM—node.js

前言简介：相当于一个大的平台服务器，内含所以被共享的代码包，可以通过命令下载你所需要的代码包，而不再需要去到每个网站首页查找下载： jquery、bootstrap等

一、安装NPM工具

Node.js 内置了 npm，故下载Node.js即可使用npm—Node.js (nodejs.org)

若不确定是否安装，可于cmd下输入：node -v

通过查看自己的node版本来查看，或使用npm install npm -g 全局安装

二、使用npm

如：当想要使用jQuery时，则需要在cmd中指定对应的文件夹npm install jquery进行安装

或在命令后加 -g 全局安装表示在电脑任何地方都能使用jquery

此处显示found 0 vulnerabilities表示我之前已经安装过了

安装速度较慢是由于国外服务器所导致的，其官网也是国外的

提升包下载速度——提高效率

所以我们就可以将npm转为国内服务器，首先查看自己的镜像地址，显示官网地址

使用npm config set registry https://registry.npm.taobao.org --global

或着npx nrm use taobao命令设置切换镜像

此处显示我的版本过低，但是无伤大雅切换成功即可，严谨的同学可以重新安装下载。

切换完成，在后续的包下载的过程中，其下载速度就会快很多

三、常用指令

在项目过程之中，新老版本有程序上的不兼容，需要更换版本，以下指令可能会用到

其余指令所用较少，如有需要可到网上进行查询

npm list jquery 查看某模块(jquery)的版本

npm list jquery@3.0.0 来安装某模块指定版本

npm update jquery 自动更新最新版本

npm uninstall jquery 进行卸载

运行时依赖：即在项目运行的过程之中带有这个包

npm install -save xxx文件名 如：jquery

开发时依赖：其模块是在开发时使用的，项目部署之后不需要

npm install -save-dev xxx文件名 如：bootstrap

四、Package.json属性说明

自动生成包 npm init --yes

手动生成包 npm init (此处是在VS终端当中运行完成)

其中包含：包名、版本、描述、包存放地方git、作者以及不同大学的开源规范

可能还有test command测试命令和keywords关键词，可以回车跳过不写

当拿到项目的时候都可以先npm install 安装文件内容进行记录，如你lock文件里包含运行或开发的依赖，install之后就找到并安装配置文件，根据配置文件内容更新文件包

注：“5.0.3”安装指定版本；“~5.0.3”表示安装5.0开头最新；“^5.0.3”表示安装5开头最新

五、包如何使用

于index.html文件中导入jquery以前是手写src，现在是webpack搜寻

后面的内容涉及ES6相关知识，就不详细记录，跟着老师来也能进行

六、Yarn—用于弥补npm的另一管理工具

对Yarn的基础知识的个人补充与扩展

Yarn部分知识点来源于慕课Yarn构建工具入门基础_视频教程-慕课网

1、Yarn安装

由于npm在install的时候速度慢，且多人开发不同版本的兼容和bug问题等

使用npm install yarn -g安装yarn，查看版本并设置镜像

设置镜像 yarn config set registry https://registry.npm.taobao.org -g

2、常用指令

首先依然是项目初始化，新建一个文件夹在vs终端yarn init

若弹出yarn : 无法加载文件 C:\Users\USER\AppData\Roaming\npm\yarn.ps1报错

搜索powershell,然后以管理员身份运行，

输入set-ExecutionPolicy RemoteSigned 后按 Y 即可正常安装依赖

最后其余Yarn部分内容就由大家自行研究，以上内容如有不正确的地方也欢迎大家指正