npm快速上手
- huuhghhgyg
- 1 min read
目录
在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