npm - JavaShuo

任何一门计算机语言都包含了丰富的第三方库，npm就是JavaScript这门语言的第三方库管理工具，本文详细介绍了JavaScript的包管理工具，npm。vue

在计算机中安装好Node.js以后，默认已经安装好了npm包管理工具，咱们能够输入npm命令进行测试：node

安装npm包

安装好npm包管理工具以后，咱们来介绍两种安装npm包的方式：全局安装和局部安装ios

全局安装

若是你想将其做为一个命令行工具，那么你应该将其安装到全局。这种安装方式后能够让你在任何目录下使用这个包，安装全局包的方式以下：git

1	npm install -g vue

全局方式安装的npm包，全局可用。npm

本地安装

1	npm install vue@2.5.17

本地方式安装的npm包，只在当前目录下可用，该方式安装的包：json

1
2
3

- 会把包安装到node_modules目录中
- 不会修改package.json
- 运行npm install不会自动安装该包

本地安装–save

1	npm install vue@2.5.17 --save

本地–save方式安装的npm包，只在当前目录下可用，该方式安装的包：axios

1
2
3

- 会把包安装到node_modules目录中
- 会在package.json的dependencies属性下添加包
- 运行npm install命令时，会自动安装包到node_modules目录中

卸载全局包

1	npm uninstall <package> -g

卸载本地

1 2	npm uninstall <package> -S, --save: Package will be removed from your dependencies. npm uninstall <package> -D, --save-dev: Package will be removed from your devDependencies.

经过npm安装JavaScript第三方库时，访问的是国外的站点，访问速度会比较慢，此时咱们能够使用国内的镜像站，cnpm，详细的使用方式请参考http://npm.taobao.org/。babel

使用方式以下：antd

1	cnpm install vue

以上就是npm包的安装和卸载介绍。app

可是，当咱们须要维护多个独立的项目环境时, 好比项目一须要Vue2.5.10支持，而项目二须要最新的Vue2.5.17，咱们应该分别为项目一和项目二建立独立的、与外界隔离的第三方库环境。而不是在当前目录下使用本地或者全局方式安装npm包。

咱们应该建立一个文件夹，并将该文件夹初始化为npm包环境，使用方式以下：

1
2
3

mkdir myproject
cd myproject
npm init

使用npm init初始化项目环境的时候，会出现以下提示：

Press ^C at any time to quit.
package name: (myproject) 
version: (1.0.0) 
description: 
entry point: (index.js) 
test command: 
git repository: 
keywords: 
author: 
license: (ISC) 
About to write to /Users/pizza/Downloads/myproject/package.json:

{
  "name": "myproject",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC"
}


Is this OK? (yes)

按需填入上述信息，最后输入yes，项目环境初始化完毕。若是使用默认信息，能够直接使用npm init -y进行初始化。

上面的信息依次是：

name 项目名称
version 项目的版本号
description 项目的描述信息
entry point 项目的入口文件
test command 项目启动时脚本命令
git repository 若是你有 Git 地址，能够将这个项目放到你的 Git 仓库里
keywords 关键词
author 做者
license 项目要发行的时候须要的证书

查看特定package的信息

1	npm ls <package>

更新package

1	npm update <package>

搜索package

1	npm search <package>

package.json详解

随着项目的不断丰富，package.json文件也会跟随着不断的复杂，接下来，介绍几个在上述没有的条目:

"private": true,
  "dependencies": {
    "antd": "^2.11.1",
    "classnames": "^2.2.5"
  },
  "devDependencies": {
    "axios": "^0.15.3",
    "babel-eslint": "^6.1.2"
  },
  "bin": {
	"dk-cli": "./bin/dk-cli.js"
  },
  "scripts": {
    "start": "node index.js"
  },
  "engines": {
    "node": ">=6.9.0",
    "npm": ">=3.10.10"
  }
  "publishConfig": {
    "registry": "http://gongsineibu/nexus/repository/npm-hosted/"
  }

private可选字段，布尔值。若是 private 为 true，npm 会拒绝发布。这能够防止私有 repositories 不当心被发布出去;
dependencies与devDependencies

在开发阶段，咱们须要对开发的模块进行单元测试，这时在开发环境 devDependencies 下就要安装单元测试模块 Mocha。

在生产环境 dependencies，用户直接使用项目，此时项目的开发已所有完成。这时就不须要单元测试模块了，再加上只会影响性能。
- dependencies 指定了项目生产环境时所依赖的模块,
- devDependencies 制定了项目开发环境时所依赖的模块。

scripts该字段指定了运行脚本命令的npm命令行缩写，好比start指定了运行npm run start时，所要执行的命令。

下面的设置指定了npm run dev、npm run bulid、npm run unit、npm run test、npm run lint时，所要执行的命令；

"scripts": {
    "dev": "node build/dev-server.js",
    "build": "node build/build.js",
    "unit": "cross-env BABEL_ENV=test karma start test/unit/karma.conf.js --single-run",
    "test": "npm run unit",
    "lint": "eslint --ext .js,.vue src test/unit/specs"
  }

engines字段指定依赖的node版本
publishConfig

当咱们开发完本身的项目想要将它发布到 Npm 仓库就须要使用这个属性。默认状况下咱们是往 Npm 公共仓库中发布包，默认地址是：https://www.npmjs.com/，此时在 package.json 文件中能够不加这个属性。

可是若是公司内部搭建了 Npm 私有仓库，此时发布包就不是往 https://www.npmjs.com/ 这个地址上发布了，而是公司内部提供的地址，如：http://gongsineibu/nexus/repository/npm-hosted/。此时配置以下：
1
2
3
"publishConfig": {
"registry": "http://gongsineibu/nexus/repository/npm-hosted/"
}
publicConfig 字段决定了咱们的包发布到哪里。

关于npm的介绍到这里就结束了。