概要
NPM的全称是Node Package Manager,是随同NodeJS一起安装的包管理和分发工具,它很方便让JavaScript开发者下载、安装、上传以及管理已经安装的包。
本文主要介绍开发中常用的npm命令,旨在让刚刚跨入前端大门的萌新对前端工程化管理工具有个基本的认识,熟悉掌握这些命令以便将更多的精力用在开发具体业务中。
常用命令
安装模块 npm install
安装包,默认会安装最新的版本
npm install gulp
安装指定版本
npm install gulp@3.9.1
安装包并将信息写入到项目的package.json文件中。
-S, --save 安装包信息将加入到dependencies(生产阶段的依赖)
npm install gulp --save 或 npm install gulp -S
-D, --save-dev 安装包信息将加入到devDependencies(开发阶段的依赖),所以开发阶段一般使用它
npm install gulp --save-dev 或 npm install gulp -D
-O, --save-optional 安装包信息将加入到optionalDependencies(可选阶段的依赖)
npm install gulp --save-optional 或 npm install gulp -O
-E, --save-exact 精确安装指定模块版本
npm install gulp --save-exact 或 npm install gulp -E
输入命令npm install gulp -ES,留意package.json 文件的 dependencies 字段,以看出版本号中的^消失了
模块的依赖都被写入了package.json文件,打开他人开发的项目的根目录(开源项目、内部团队合作),使用npm install命令可以根据dependencies配置安装所有的依赖包
npm install
本地安装(local)
npm install gulp
全局安装(global),使用-g 或 --global
npm install gulp -g
查看安装的模块npm ls
基础语法
npm ls [[<@scope>/]<pkg> ...]aliases: list, la, ll
查看全局安装的模块及依赖
npm ls -g
卸载模块 npm uninstall
基础语法
npm uninstall [<@scope>/]<pkg>[@<version>]... [-S|--save|-D|--save-dev|-O|--save-optional]aliases: remove, rm, r, un, unlink
如卸载开发版本的模块
npm uninstall gulp --save-dev
更新模块 npm update
npm update [-g] [<pkg>...]
检查模块是否已经过时 npm outdated
基础语法
npm outdated [[<@scope>/]<pkg> ...]
此命令会列出所有已经过时的包,可以及时进行包的更新
在项目中引导创建一个package.json文件 npm init
安装包的信息可保持到项目的package.json文件中,以便后续的其它的项目开发或者他人合作使用,也说package.json在项目中是必不可少的。
npm init [-f|--force|-y|--yes]
查看某条命令的详细帮助 npm help
例如输入npm help install,系统在默认的浏览器或者默认的编辑器中打开本地nodejs安装包的文件/nodejs/node_modules/npm/html/doc/cli/npm-install.html
npm help <command>
查看包的安装路径 npm root
输出node_modules的路径
npm root [-g]
管理npm的配置路径 npm config
基础语法
npm config set <key> <value> [-g|--global]npm config get <key>npm config delete <key>npm config listnpm config editnpm get <key>npm set <key> <value> [-g|--global]
对于config这块用得最多应该是设置代理,解决npm安装一些模块失败的问题
例如我在公司内网,因为公司的防火墙原因,无法完成任何模块的安装,这个时候设置代理可以解决
npm config set proxy=http://dev-proxy.oa.com:8080
又如国内的网络环境问题,某官方的IP可能被和谐了,幸好国内有好心人,搭建了镜像,此时我们简单设置镜像
npm config set registry="http://r.cnpmjs.org"
管理模块的缓存 npm cache
基础语法
npm cache add <tarball file>npm cache add <folder>npm cache add <tarball url>npm cache add <name>@<version>npm cache ls [<path>]npm cache clean [<path>]
最常用命令无非清除npm本地缓存
npm cache clean
启动模块 npm start
基础语法
npm start [-- <args>]
该命令写在package.json文件scripts的start字段中,可以自定义命令来配置一个服务器环境和安装一系列的必要程序,如
"scripts": { "start": "gulp -all"}
如果package.json文件没有设置start,则将直接启动node server.js
停止模块 npm stop
基础语法
npm stop [-- <args>]
重新启动模块 npm restart
npm restart [-- <args>]