npm快速上手
huuhghhgyg
7月 10, 2021
在npm中，包（package）、模块（module）、依赖（dependency）都是一个东西。
npm常用操作
npm配置项
初始化 npm init（其实就是创建一个package.json文件），之后让你填入许多信息（package name, version, description, entry point, test command, git repository, key words, author)npm init -y相当于npm init但信息都为空，初始化后npm会认为你的项目是一个包
npm搜索
npm search <包名> 如：npm search jquery
包安装
| 操作 | 命令 |
|---|---|
| 直接安装 | npm install <包名>，简写为npm i <包名> |
| 安装指定版本/旧版本 | npm install <包名>@<版本号> |
| 安装指定tag的包 | npm install <包名>@<tag> |
参数 -g |
安装到全局环境下，这样在任何一个目录下都能识别，比如 npm install npm@latest -g |
参数 --save-dev或者-D |
表明是开发环境下的依赖，不会在生产环境中出现 |
包卸载
npm uninstall <包名>-D卸载包，并从package.json的devDependencies中删除。老版本的npm中卸载包要加
--save才能保存到package.json中
常用操作
| 操作 | 命令 |
|---|---|
| 更新包 | npm update <包名>，局部更新。加-g全局更新 |
| 列出已安装包 | npm list默认列出局部依赖。加-g 列出已安装的全局依赖。 |
| 检查过期包（依赖） | npm outdated |
| 查看依赖安装路径 | npm root，也就是node_modules的路径，加-g查看全局安装路径 |
| 查看模块的注册信息 | npm view <包名> versions，列出所有版本。npm view <包名> dependencies，列出所有依赖 |
使用npm的优势
以引用jQuery为例，先新建html文件。
以往的工作流
- 搜索jQuery的网络CDN
- 在html文件中插入
<script src='<网络CDN地址>'></script>引用jQuery。
利用npm的工作流
- 命令行进入工作目录，进行
npm init npm i jquery，npm自动将文件安装到目录下的node_modules文件夹中。node_modules文件夹中找到jquery.js,在html文件中插入<script src='<node_modules中jquery的位置>'></script>进行引用
好处：就算删掉node_modules也没关系，因为依赖信息已经写到项目文件夹中的package.json中(dependencies)。只需要运行npm i就会重新安装上。
更改源
npm config ls 查看你的 npm 配置
淘宝仓库源和npm仓库源每10分钟同步一次，基本满足你的需求
淘宝： npm config set registry https://registry.npm.taobao.org/
官网： npm config set registry http://www.npmjs.org
