本文共 2285 字,大约阅读时间需要 7 分钟。
作为一名菜鸟,刚开始实习时,帮别人安装前端项目环境时遇到了不少坑。由于对NPM不太了解,这次打算整理一下自己的学习心得。
NPM 是 Node.js 的模块管理器,主要用于管理前端项目的依赖包。新版的 Node.js 已经集成了 NPM,所以安装 Node 后无需额外安装 NPM。可以通过以下命令查看 NPM 版本:
npm -v
在 Git Bash 中安装时,可能会很慢。推荐使用 Windows 自带的命令框安装更快。
npm install
安装后的效果是将包放在当前目录的 node_modules 下。如果没有 node_modules 目录,会自动创建。安装时会优先检查本地缓存,如果本地已经有该模块,才会从远程仓库下载新版本。
如果希望强制重新安装某个模块,可以使用 –f 或 --force 参数:
npm install –f package-name
安装到全局目录下:
npm install -g package-name
| 本地安装 | 全局安装 |
|---|---|
包放在当前目录下的 node_modules | 包放在 /user/local 或 Node 安装目录下 |
通过 require() 引入 | 直接在命令行使用 |
package.json 下载到当前目录 | package.json 下载到特定系统目录 |
安装当前目录 package.json 中的 devDependencies:
npm install
安装本地模块文件:
npm install ../package.tgz
安装指定 URL 模块:
npm install https://github.com/indexzero/.../
安装指定目录下的模块:
npm install
安装并更新 package.json 中的版本:
npm install[–save|–save-dev|–save-optional]
–save:添加到 dependencies。–save-dev:添加到 devDependencies。–save-optional:添加到 optionalDependencies。安装指定版本:
npm install underscore@1.5.2
安装版本号范围内的模块:
npm install async@">=0.2.0 <0.2.9"
卸载某个模块:
npm uninstall
如果需要清空所有模块,可以删除 node_modules 目录,再运行 npm install。
更新已安装的模块:
npm update [-g] [[..., ]]
-g:更新全局安装的模块。查看全局安装的模块:
npm list -g
查看特定模块信息:
npm ls
搜索模块信息:
npm search
生成 package.json 文件:
npm init
根据提示输入信息,最后输入 “yes” 会生成 package.json 文件。
npm help
npm help
npm view
package.json 是项目依赖管理的核心文件,主要字段包括:
name:项目名称description:项目描述keywords:关键字version:版本号config:配置项homepage:主页链接author:作者信息repository:代码仓库地址bugs: bug 提交地址licenses:授权方式directories:入口目录main:主入口文件bin:命令行文件dependencies:应用依赖模块devDependencies:开发环境依赖模块scripts:脚本命令dependencies vs devDependencies:
dependencies 是应用依赖,安装到 node_modules。devDependencies 是开发环境依赖,安装到 node_modules。版本号:
npm 脚本:
package.json 中定义脚本后,可以通过 npm run 执行。{ "name": "Test Project", "devDependencies": { "eslint": "^1.10.3" }, "scripts": { "lint": "eslint ." }}运行 npm run lint 会执行 ./node_modules/.bin/elint。
npm 脚本命令:
npm run
通过以上命令,可以更方便地管理前端项目的依赖包。初次接触 NPM 时,多多实践,慢慢熟悉它的各种命令和用法。
转载地址:http://bqjfk.baihongyu.com/