首页 > 代码库 > npm—小记

npm—小记

一枚菜鸟,实习不久,一次帮别人的安装前端项目环境时,遇到很多坑。由于之前没有对npm有太多了解,所以这次打算整理梳理一下。


NPM——Node 的模块管理器

NPM 安装

新版的node.js已经集成了npm.,如果安装了node(node安装教程),就无需再安装npm了。

npm -v  //查看npm版本

一、npm install  (缩写 npm i)

npm install <Module Name>   //此时为本地安装

效果: 将安装包放在 ./node_modules 下(运行npm命令时所在的目录),如果没有node_modules目录,会在当前执行npm命令的目录下生成node_modules目录

过程:npm install    会先检查node_modules 目录之中是否已经存在指定模块。如果存在,就不再重新安装了,即使远程仓库已经有了一个新版本,也是如此。

假设:如果希望,一个模块不管是否安装过,npm 都要强制重新安装, 可以使用-f--force参数。

npm install –f <Module Name>
或者
npm install <Module Name> --force

 全局安装:

npm install <Module Name> -g #全局安装
或者
npm install -g <Module Name> 

 本地安装和全局安装区别:

本地安装 全局安装

1.将安装包放在 ./node_modules 下(运行npm命令时所在的目录),

如果没有node_modules 目录,会在当前执行npm命令的目录下生成node_modules目录

1.安装包放在 /user/local下或者 你 node的安装目录
2.可以通过require()来引入本地安装包 2.可以直接在命令行里使用
3. package.json会被下载到当前所在目录,安装的模块会在 node_modules里面

3.package会被下载到特定的系统目录下,安装的package能够在所

有目录下使用。

 

不同情况下的安装:

1. 安装当前目录 package.json文件中配置的devDependencies模块

npm install 

2.安装本地的模块文件

npm install  ../package.tgz

3. 安装指定URL的模块

npm install https://github.com/indexzero/。。。。

4.安装本地文件系统中指定目录包含的模块

npm install <folder>

5.安装并更新package.json 中的版本配置

npm install <name> [–save|–save-dev|–save-optional]

  • 添加–save 参数安装的模块的名字及其版本信息会出现在package.json的dependencies选项中

  • 添加–save-dev 参数安装的模块的名字及其版本信息会出现在package.json的devDependencies选项中

  • 添加–save-optional 参数安装的模块的名字及其版本信息会出现在package.json的optionalDependencies选项中

6.安装模块的指定版本

npm install <name>@<version>     npm install underscore@1.5.2

7.安装模块指定版本号范围内的某一个版本

npm install <name>@<version range>    npm install async@”>=0.2.0 <0.2.9″

注明: 如果项目路径中有package.json文件时,直接使用npm install 方法就可以根据dependecies配置安装所有的依赖包。

 

二、 卸载 npm uninstall

卸载某一个模块,npm uninstall <Module Name>

在安装环境时,有时会删除全部的安装模块,这是可以删去 node_modules 文件夹,然后再 npm install  重新安装

若输入命令行的话,可以如下:

 rm -rf node_modules
 npm install 

三、 更新  npm update

若更新已安装的模块:

npm update [-g] [<name> [<name> … ]

它会先到远程仓库查询最新版本,然后查询本地版本。如果本地版本不存在,或者远程版本较新,就会安装。

-g 参数会更新全局安装的模块。 如果没有指定name,且不是在某个模块内,会更新当前目录依赖的所有包都会更新;若当前目录在某个模块内,只更新该模块依赖的模块。

原理: npm update 命令怎么知道每个模块最新版本?

npm 模板仓库提供了一个查询服务registry。在https://registry.npmjs.org/ 后面跟上模块名,会得到json对象,里面是该模块所以版本信息。

例如:https://registry.npmjs.org/vue 后面加入版本,例如 https://registry.npmjs.org/react/v0.14.6 ,可查看 React 的 0.14.6 版

四、查看安装信息

npm list -g    //查看所有全局安装的模块
npm list grunt  //查看grunt模块的版本号

npm ls //列出当前安装的了所有包 一般是到 /node_modules/目录下查看包是否还存在

npm ls grunt // 查看特定包具体信息

五、卸载

npm uninstall  <Module Name>

六、搜索模块

npm search <Module Name>

七、创建模块  

package.json 文件是别不可少的,可以使用npm生成package.json 文件

npm init   //根据提示,输入,在最后输入“yes”后会生成package.json文件

八、其他命令

npm help //可查看所有命令

npm help <command> //可查看某条命令的详细帮助 npm help install

package.json 说明

npm命令运行时会根据当前目录的package.json文件进行。相应的关键字含义如下所示:

name——应用名称
description——应用描述
keywords—— 关键字
version —— 版本号
config——应用的配置项
homepage——主页
author——作者
repository——资源仓库地址
bugs——bug 提交地址
licenses——授权方式
directories——目录
main——应用入口文件
bin——命令行文件
dependencies——应用依赖模块
devDependencies ——开发环境依赖模块
engine——运行引擎
scripts——脚本

自己混淆点——dependencies and devDependencies

1. dependencies 应用依赖模块  别人要使用这个package,至少需要安装哪些东西。 它会在安装时安装到当前模块的node_modules 目录下。

2. devDependencies 开发环境依赖模块  它主要是在开发环境中用到的依赖模块。用命令npm的命令install 或 link 加上参数  —dev 安装到当前模块的node_modules目录下。

版本号

npm 采用语义化版本识别

例子:0.4.1

主版本(0)当你做了不兼容的API修改

次版本(4)当你做了向下兼容的功能性新增

修订版本(1)当你做了向下兼容的问题修正

npm 脚本问题

实习中使用 npm run stage,主要是利用了 npm 脚本

它主要就是指 package.json 文件 使用 script字段 定义脚本命令

{
  "name": "Test Project",
  "devDependencies": {
    "eslint": "^1.10.3"
  },
  "scripts": {
    "lint": "eslint ."
  }
}

运行 npm run lint ,会自动执行 ./node_modules/.bin/elint

如果直接运行 npm run 不给出任何参数,就会列出 scripts 属性下所有的命令

 

npm—小记