npm使用入门(package.json)

最新推荐文章于 2024-08-13 08:43:39 发布
最新推荐文章于 2024-08-13 08:43:39 发布
阅读量80 收藏
点赞数
文章标签： json git javascript ViewUI
原文链接：http://www.cnblogs.com/duanweishi/p/7729292.html
版权

npm使用入门

96 
crazygit 
2017.03.10 18:31 字数 1773 阅读 1617评论 0

NPM是什么


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的配置信息加载优先级如下(从高到低)

  1. 命令行参数
  2. 环境变量
  3. npmrc文件
    1. 项目级别的npmrc文件(/path/to/my/project/.npmrc)
    2. 用户级别的npmrc文件（~/.npmrc）
    3. 全局的npmrc文件($PREFIX/etc/npmrc)
    4. npm内置的npmrc文件(/path/to/npm/npmrc)

查看配置

$ npm config list -l

配置npm源

最后介绍一个比较重要的配置，当我们使用默认配置从npm官网下载模块时，由于网络的因素，会导致我们的下载速度特别慢。所以，我们可以配置一些国内的镜像来加快我们的下载速度。在这里，我推荐使用淘宝的npm镜像, 具体使用方式如下:

  • 临时使用, 安装包的时候通过--registry参数即可

      $ npm install express --registry https://registry.npm.taobao.org

  • 全局使用

      $ 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

更多使用

请参考官方文档

转载于:https://www.cnblogs.com/duanweishi/p/7729292.html

weixin_33849215
关注
NPM的使用方法
NewSouls的博客
07-28 390
NPM的使用方法NPM 使用介绍在nodejs中安装npm模块的方法卸载模块更新模块导入mysql数据库 NPM 使用介绍 NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。 由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输
Vue学习前必备知识-- npm入门到精通（定义、安装、使用、配置文件package.json、配置淘宝镜像）
conquer112的博客
07-14 697
目录一、npm是什么？二、使用步骤1.安装NPM2.使用NPM3.配置文件package.json属性详解4.如何在项目中使用NPM安装的包（未使用webpack之前）三、配置淘宝镜像 一、npm是什么？ npm全称Node Package Manager，即node包管理器，是Node.js默认的、以JavaScript编写的软件包管理系统。 二、使用步骤 1.安装NPM 由于Node.js内嵌了NPM包管理器，所以我们只用安装Nodo.js即可。 下载Node：http://nodejs.cn
NPM怎么使用
11-23 438
npmNpmnpm是什么 Node Package Manager : 包管理器，在Node.js应用程序中创建、共享和重用模块 指令  本地安装npm install 包名 全局安装npm install 卸载模块 npm uninstall 更新模块 npm update 查看已安装 的模块 npm ls 登录npmnpm login 发布 npm publish 下架包 npm unpublish npm unpublish 模块名@版本号 版本
npm的使用
阿宝的博客
03-06 1507
npm是javascript的依赖管理工具管理工具,全称 node package managernpm是随着node一起安装的，不同版本的node对应不同版本的npm如何检测能否使用npm。
NPM的使用
yequnat的博客
10-10 542
我是一个后端开发人员,突然要干前端的活了,然后就只能面向百度编程了,然后按照教程安装npm 拷贝运行命令,毕竟拷贝过来的代码,一直没搞清楚是什么意思,反正能跑就行,不能跑了再百度~ 今天突然感觉这样不好,还是要知其然的,然后找到了npm 与 package.json 快速入门教程一文,讲的非常好,让我茅塞顿开~下面记录了一下,我悟了的东西! npm有一个配置文件:package.json,配置文件...
environment_validator:确保来自package.json的所有环境依赖项都得到满足
05-24
验证正在使用的节点引擎和安装的模块与package.json描述的模块匹配。 当多个人在一个项目上工作并且您要确保他们的节点环境同步时，这很有用。 入门 将此模块包含在package.json npm install 将require('...
fix-package-lock：通过重新生成来修复package-lock.json
02-03
通过重新生成来修复package-lock.json 入门 先决条件 使用npm 5在Node v9上进行了测试。 正在安装 全局安装fix-package-lock将安装fix-package-lock命令： # Using npm npm install -g fix-package-lock # Using ...
electron 安装打包更新配置，main.js /package.json配置
热门推荐
只愿做一个伸手党的，快乐的码农
02-08 1万+
electron 安装打包更新配置，main.js /package.json配置 最近因为项目的原因需要将已完成好的react项目封装成一个桌面应用，作为已个纯前端的伸手党，开始接触到了electron，由于本人做伸手党惯了，记不住太多的配置，又怕自己忘记，所以写篇文章记录下，好了，不多说直接上代码，伸手党请进。 package.json和main.js配置 首先简单说一下我的思路，先将已经完...
Node.js 官网入门教程（二） npm（安装、包版本、卸载、npx）、package.json（scripts、devDependencies）package-lock.json（语义版本规则符号
qq_43456781的博客
08-27 1042
Node.js 官网入门教程（二） npm（包管理、安装、包版本、卸载、npx）、package.json（scripts、devDependencies）、package-lock.json（语义版本规则符号） 文章目录Node.js 官网入门教程（二） npm（包管理、安装、包版本、卸载、npx）、package.json（scripts、devDependencies）、package-lock.json（语义版本规则符号）1. npm 包管理器简介npm 简介下载安装所有依赖安装单个软件包更新软件包
前端开源库-npm-programmatic
08-30
前端开源库-npm-programmaticNPM编程，以编程方式使用NPM命令
Npm使用教程
hong161688的博客
08-11 2531
npm（Node Package Manager）是Node.js的包管理器，它允许开发者轻松地安装、更新、卸载和管理Node.js项目中的依赖包。npm是Node.js生态系统中不可或缺的一部分，极大地简化了项目依赖管理和代码共享的过程。本教程将详细介绍npm的安装、基础用法、高级功能以及常见问题解决方案。
【Npm】使用教程
qq_45677671的博客
03-08 6350
>- 第三方模块是别人写好的一些文件，我们要使用这些文件，就需要下载。 >- node 提供了一个工具，叫做 npm，专门用来管理这些模块。 >- npm 除了可以管理第三方模块，还可以管理一些框架、插件和库。 > - 所以 npm 叫做包管理器，我们将模块、插件、库统称为包。...
【NPM】使用教程
蜡笔小新星的博客
08-13 804
例如，添加一个startnpm start本文介绍了 NPM 的基本使用，包括如何安装 NPM、创建和管理项目、安装和卸载依赖、使用 NPM 脚本，以及如何发布自己的包。通过实例演示，我们创建了一个简单的 REST API，深入理解了 NPM 的重要功能和命令。掌握 NPM 是现代 JavaScript 开发的基础，它能够有效地管理项目依赖，让开发者专注于编写代码而不是处理依赖关系。希望这篇教程能帮助你更好地使用 NPM，提高开发效率。
npm 开源项目教程
最新发布
gitblog_01121的博客
08-13 349
npm 开源项目教程 npmThis repository is moving to: https://github.com/npm/cli项目地址:https://gitcode.com/gh_mirrors/np/npm 项目介绍 npm（Node Package Manager）是 JavaScript 编程语言的包管理器，由 npm Inc. 维护，是 GitHub 的子公司。npm 是...
npm的使用技巧
马优晨
01-29 2647
一、基本概念 npm 全称为 Node Package Manager，是一个基于 Node.js 的包管理器，也是 Node.js 社区最流行、支持的第三方模块最多的包管理器。它的初衷就是让开发人员更容易分享和重用代码。npm 提供了命令行工具，其主要功能是管理Node.js包，包括安装、更新、删除、查看、搜索、发布等。 ​ npm 最初只是Node.js 的包管理器，但随着前端技术的不断发展，它的定位变成了广义的包管理器，可以实现JavaScript、React、Vue、Gulp、移动开发等包管理，
发布自己的module - 我的第一个npm组件！
weixin_34124651的博客
08-12 1317
问题来源 前段时间去帮朋友的公司，重构一个前端项目，大致把原项目浏览了一遍，然后就风风火火的开干了，框架选型用了最流行的React+Reflux，然而第一个首页就遇到个问题，源项目有一个fullpage组件开发的全屏切换，却不被React支持。然后就去Github上去找，结果没找到一个好用的，然后就想，我是否能自己开发一个呢。 准备工具 ...
npm使用介绍
weixin_61625219的博客
03-25 4199
npm：npm是一个网站，用于托管所有的包，方便开发者发布包和获取包npm：Node.js Package Manager(npm包管理工具)，这个包管理工具随着node.js的安装包一起被安装到用户电脑上，可以使用npm工具提供的命令管理包的下载、更新、卸载、发布……npm -v // 查看npm包管理工具版本号npm是网站，也是一个管理所有包的工具npm规定，在项目根目录下，必须有一个包管理配置文件package.json，用来记录项目中安装了哪些包。
Grunt入门指南：构建基础的package.json与Gruntfile.js示例
该教程提供的简单示例将向您展示如何通过创建`package.json`和`Gruntfile.js`文件来设置和使用Grunt。 **package.json文件** `package.json`是Node.js项目的核心配置文件，它描述了项目的名称、版本、依赖等信息。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值