"任何一门计算机语言都包含了丰富的第三方库,npm就是JavaScript这门语言的第三方库管理工具,本文将详细介绍JavaScript的包管理工具——npm.
在计算机中安装Node.js时,默认会一并安装npm包管理工具,我们可以输入npm命令进行测试:
- 安装npm包的几种方式
- 搭建独立的项目环境
- npm常用命令
- package.json文件详述
安装npm包的几种方式
npm包有两种安装方式:全局安装和局部安装.
全局安装
·
如果你想将其作为一个命令行工具,那么你应该将其安装到全局.
全局安装可以让你在任何目录下使用这个包.
安装命令:npm install -g <package>
可简写为:npm i -g <package>
·
补充:如果是Mac系统,则需要加上sudo(权限问题),即:sudo npm install -g <package>,包括下面的命令,都要加上sudo,回车后输入当前用户的密码即可.
本地安装(局部安装)
·
本地安装的npm包,只在当前目录下可用.
安装命令:nom install vue@2.5.17
该方式安装的包:
- 会把包安装到node_modules目录中.
- 不会修改package.json
- 运行npm install不会自动安装该包
本地安装——save(局部安装)
·
本地——save方式安装的npm包,只在当前目录下可用.
安装命令:npm install vue@2.5.17 --save
该方式安装的包:
- 会把包安装到node_module目录中.
- 会在package.json的dependencies属性下添加包.
- 运行nom install命令时,会自动安装包到node_modules目录中.
使用国内的镜像站安装
·
通过npm安装JavaScript第三方库时,访问的是国外的站点,访问速度会比较慢,此时我们可以使用国内的镜像站,cnpm(需先下载此命令),详细的使用方式请参考http://npm.taobao.org/
使用方式:cnpm install vue
卸载npm包
·
卸载全局包:npm uninstall <package> -g
·
卸载本地: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包的安装和卸载.
搭建独立的项目环境
但是,当我们需要维护多个独立的项目环境时(比如:项目一需要Vue2.5.10支持;而项目二需要最新的Vue2.5.17支持;),我们应该分别为项目一和项目二创建独立的、与外界隔离的第三方库环境,而不是在当前目录下使用本地或者全局方式安装的npm包.
先创建一个文件夹,并将该文件夹初始化为npm包环境:
$ mkdir myproject $ cd myproject $ npm init -y // 使用默认的信息初始化
如果想要自定义信息,则需要使用npm init命令,手动填写信息后,输入yes即可.
需要填写的信息如下:
name 项目名称
version 项目的版本号
description 项目的描述信息
entry point 项目的入口文件
test command 项目启动时脚本命令
git repository 如果你有 Git 地址,可以将这个项目放到你的 Git 仓库里
keywords 关键词
author 作者
license 项目要发行的时候需要的证书
npm常用命令
查看package信息: npm ls <package>
·
更新package:npm update <package>
·
搜索package:nom 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 ---------
·
可选字段,布尔值.
如果值为true,npm会拒绝发布,这可防止私有repositories不小心被发布出去.
--------- dependencies 与 devDependencies ---------
·
在开发阶段,我们需要对开发的模块进行单元测试,这时在开发环境devDependencies下就要安装单元测试模块Mocha.·
而在生产环境,用户直接使用项目,此时项目的开发已全部完成,不再需要单元测试模块了,加上只会影响性能.
- dependencies指定了项目生产环境时所依赖的模块.
- devDependencies指定了项目开发环境时所依赖的模块.
--------- scripts ---------
·
该字段指定了运行脚本命令的npm命令缩写.
比如start指定了运行npm run start时,所要执行的命令.
·
下面的设置指定了npm run dev、nom run build、nom run unit、nom run rest、nom 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仓库时,就需要用到这个属性.
默认地址是:https://www.npmjs.com/,将发往Npm公共仓库.
在package.json文件中不加这个属性会默认发往Npm公共仓库.
·
publishConfig字段决定了我们的包将发布到哪里.
如果企业内部搭建了Npm私有仓库,则将地址更改为私有仓库的地址即可.
"