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