npm使用入门(package.json)
2017-10-25 15:52
246 查看
npm使用入门
![](http://upload.jianshu.io/users/upload_avatars/1129694/b677cb10b44c.jpg?imageMogr2/auto-orient/strip|imageView2/1/w/96/h/96)
crazygit 关注
2017.03.10 18:31 字数 1773 阅读 1617评论 0喜欢 10
NPM是什么
![](http://upload-images.jianshu.io/upload_images/1129694-86cae1b5983f22db.png?imageMogr2/auto-orient/strip%7CimageView2/2)
npm
npm makes it easy for JavaScript developers to share and reuse code, and it makes it easy to update the code that you're sharing.
简单来说,npm就是javascript的包管理工具,类似java语法当中的maven, gradle, python的pip。
安装
npm是和Node.js一起发布的,只要安装了Node.js,npm也安装好了,可以从Node.js的下载页下载对应操作系统的安装包安装即可。 安装好后,执行如下命令,检查是否安装成功。$ node -v v6.10.0 $ npm -v 4.4.1
但是由于npm自身的更新频率比Node.js高很多,所以通过上面的命令安装的npm可能不是最新版本,可以通过下面的命令单独更新npm
$ npm install npm@latest -g
安装包
执行命令$ npm install <package_name>
便可以安装对应的包到执行命令的当前目录,并创建一个
node_modules的文件夹,然后把需要安装的安装包下载到里面。
使用package.json
通过上面的命令,直接安装的包默认都是最新版本的。但是在项目中,我们怎么让一起开发的同事知道项目中用了哪些包,具体包的版本信息呢?这时package.json就上场了,可以把它想成是java语言中的
pom.xml,
python语言中的
requirements.txt。
一个基本的
package.json文件至少需要包含两个重要信息: 包名
name和版本信息
version。
例如:
{ "name": "my-awesome-package", "version": "1.0.0" }
创建package.json
我们可以使用命令npm init来初始化一个
package.json文件,运行这个命令后,它会询问一些关于包的基本信息,根据实际情况回答即可。如果不喜欢这种方式,可以使用
npm init --yes命令直接使用默认的配置来创建
package.json文件,最后根据需要修改创建好的
package.json文件即可。
package.json文件创建好后,我们来看看它长得什么样子吧!
{ "name": "my_package", "description": "", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "repository": { "type": "git", "url": "https://github.com/ashleygwilliams/my_package.git" }, "keywords": [], "author": "", "license": "ISC", "bugs": { "url": "https://github.com/ashleygwilliams/my_package/issues" }, "homepage": "https://github.com/ashleygwilliams/my_package" }
主要字段的含义如下:
name: 模块名, 模块的名称有如下要求:
全部小写
只能是一个词语,没有空格
允许使用破折号和下划线作为单词分隔符
version: 模块版本信息
description:关于模块功能的简单描述,如果这个字段为空的话,默认会从当前目录的
READMD.md或
README文件读取第一行内容作为它的默认值。
main: 模块被引入后,首先加载的文件,默认为
index.js。
scripts: 定义一些常用命令入口
类似git一样,npm也可以做一些简单的配置来设置一些我们常用的信息
$ npm set init.author.email "wombat@npmjs.com" $ npm set init.author.name "ag_dubs" $ npm set init.license "MIT"
这样下次执行
npm init的时候,就会用上我们配置的一些默认信息啦!
安装模块
使用npm install会读取
package.json文件来安装模块。安装的模块分为两类
dependencies和
devDependencies,分别对应生产环境需要的安装包和开发环境需要的安装包。
同样在安装模块的时候,可以通过指定参数来修改
package.json文件,如
$ npm install <package_name> --save $ npm install <package_name> --save-dev
来将新安装的模块信息记录到
package.json文件。
更新模块
$ npm update
卸载模块
$ npm uninstall <package_name>
如果要在卸载模块的同时,也将他从package.json文件中移除,可以添加跟安装时候一样的参数,例如:
$ npm uninstall --save lodash
全局包管理
默认情况下。我们执行默认的安装命令安装的包都是安装到当前目录下的,只能在当前目录下使用。但是假如我们需要使用一些全局的软件,如grunt,我们可以在安装的时候,添加
-g选项来安装,方便后面在任何目录下都可以使用
grunt相关的命令
$ npm install -g grunt
同理,更新全局的安装包只需要执行命令
$ npm update -g
为了查看当前哪些包需要更新,可以使用如下命令来查看
$ npm outdated -g --depth=0 Package Current Wanted Latest Location vue-cli 2.7.0 2.8.1 2.8.1 webpack 1.13.2 2.2.1 2.2.1 webpack-dev-server 1.14.1 2.4.1 2.4.1
卸载全局安装的包也只需要加上
-g选项即可。如
$ npm uninstall -g jshint
创建自己的Node.js模块
一个Node.js模块就是一个可以发布到npm,供其他开发者下载和使用的模块。那么,到底怎样和其他开发者分享我们的模块呢?首先,我们必须创建一个
package.json文件,添加上关于我们想要分享的模块信息,如:模块功能,开发者信息等。
一旦
package.json文件创建好后,我们需要创建一个模块被引入时,就加载的文件。
即
package.json中
main字段指定的文件,默认为
index.js。我们需要在文件中将一个函数赋值给
exports模块,方便其他开发者调用我们的模块。如
exports.printMsg = function() { console.log("This is a message from the demo package"); }
包(Pacakges)和模块(Modules)
在使用npm的时候,有两个概念容易搞混,那就是包(Pacakges)和模块(Modules)。简单来说,包和模块的区别如下:包是一个被
package.json文件描述了的文件或者目录
模块是可以被Node.js引用的文件或目录
什么是包?
a) a folder containing a program described by a package.json file
b) a gzipped tarball containing (a)
c) a url that resolves to (b)
d) a <name>@<version> that is published on the registry with (c)
e) a <name>@<tag> that points to (d)
f) a <name> that has a latest tag satisfying (e)
g) a git url that, when cloned, results in (a).
什么是模块?
A folder with a package.json file containing a main field.
A folder with an index.js file in it.
A JavaScript file.
npm配置
在使用npm时,我们可以根据个人的需要,指定很多配置信息。npm的配置信息加载优先级如下(从高到低)
命令行参数
环境变量
npmrc文件
项目级别的npmrc文件(/path/to/my/project/.npmrc)
用户级别的npmrc文件(~/.npmrc)
全局的npmrc文件($PREFIX/etc/npmrc)
npm内置的npmrc文件(/path/to/npm/npmrc)
查看配置
$ npm config list -l
配置npm源
最后介绍一个比较重要的配置,当我们使用默认配置从npm官网下载模块时,由于网络的因素,会导致我们的下载速度特别慢。所以,我们可以配置一些国内的镜像来加快我们的下载速度。在这里,我推荐使用淘宝的npm镜像, 具体使用方式如下:临时使用, 安装包的时候通过
--registry参数即可
$ npm install express --registry https://registry.npm.taobao.org[/code]
全局使用$ npm config set registry https://registry.npm.taobao.org // 配置后可通过下面方式来验证是否成功 npm config get registry // 或 npm info express
使用cnpm使用// 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org // 使用cnpm安装包 cnpm install express更多使用
请参考官方文档
相关文章推荐
- NPM (node package manager) 入门 - 基础使用
- npm 与 package.json 快速入门
- npm包管理器和package.json入门_npm是什么_npm怎么用
- npm 与 package.json 快速入门
- npm 与 package.json 快速入门
- 使用npm安装vue时报"no such file or directory, open 'xxx\package.json'"的解决方案
- nodejs package.json作用及其npm init的使用
- npm 与 package.json 快速入门
- 关于npm5.5.1版本出现 package-lock.json 后,npm install 安装包时报权限error时解决办法
- 前端自动化构建入门5-理解package.json文件
- Android入门——数据解析之创建及使用JSON字符串(一)
- npm WARN enoent ENOENT: no such file or directory, open 'E:\Program Files\nodejs \package.json' npm
- package.json for NPM 文件详解
- node 通过指令创建一个package.json文件及npm安装package.json
- package.json中 npm依赖包版本前的符号的意义
- node 通过指令创建一个package.json文件及npm安装package.json
- Json.NET使用入门(四)【XML和JSON互转】
- JSON数据的格式和解析(使用GSON)入门
- Json.NET使用入门(六)【LINQ to JSON】
- 菜鸟入门【ASP.NET Core】5:命令行配置、Json文件配置、Bind读取配置到C#实例、在Core Mvc中使用Options