• 技术文章 >web前端 >js教程

    Nodejs中npm&package.json的介绍

    零下一度零下一度2017-06-17 10:38:48原创594
    本篇文章主要介绍了详解Nodejs之npm&package.json,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    一直以来,作为前端开发,在公司都是先写好页面,然后再跟后端合作,将数据填入前端页面中,但是偶尔自己闲来无事,也会看一些框架什么的,然后利用框架做个单页面应用啊,app什么的,这时候页面的数据总是一些假数据,而关于数据请求的部分就没办法做(因为没有后台嘛)。所以我感觉是时候学习一下node了,这对于我以后要学的webpack,前端工程化等也有一定帮助。
    作为前端,因为经常用到gulp,webpack等工具,所以我们最常见到的是npm和package.json,所以先总结一下它们俩。

    npm

    初始化


    $ npm init
    or
    $ npm init --y

    在做前端开发的时候,我们经常会用到构建工具,例如gulp,webpack等,为了让别人也可以参与进来,我们需要告诉别人项目有些什么依赖包,然后让别人也安装同样的依赖包,而npm init产生的package.json就是用来记录我们项目中的依赖的,同样的,在做node开发的时候,也会用刀依赖包,同样需要package.json记录。

    在终端输入npm init会询问package.json的各种信息,从而确认。如果全部使用默认值,可以直接在终端输入npm init --y快速生成package.json。

    安装依赖包


    $ npm install <package name> <package name> ...
    
    $ npm install <package name> -g
    
    $ npm install <package name> --save
    
    $ npm install <package name> --save-dev
    
    $ npm install <pacakage name> --O //--save-optional -B: --save-bundle -E: --save-exact

    npm install <package name> -g 表示全局安装,需要注意的是全局模式并不是将一个模块安装包安装为一个全局包的意思,它并不意味着可以从任何地方通过require()来引用,-g的含义是将一个包安装为全局可用的可执行命令。这意味着,所有通过-g安装的包都可以在终端以命令方式运行,例如gulp,webpack等。

    --save--save-dev的区别在于前者是生产环境中项目运行需要的依赖,安装后被记录在package.json中的dependencies关键字下;而后者是开发时候需要的依赖,安装后被记录在devDependencies关键字下。

    同样--O/B/E分别会被记录到对应的关键字下。

    更新依赖包


    $ npm update
    
    $ npm update -g
    
    $ npm outdated
    
    $ npm outdated -g

    在项目目录下运行npm update可以升级项目中所用依赖到最新版本,而npm update -g则可以升级全局安装的依赖包到最新版。

    npm outdated用于检查模块是否过时并列出。

    卸载依赖


    $ npm uninstall <package name> <package name> ...
    
    $ npm uninstall <package name> -g
    
    $ npm uninstall <package name> --save
    
    $ npm uninstall <package name> --save-dev

    使用npm uninstall可以卸载依赖,但是卸载后,在package.json中的纪录并不会被删除,要想在卸载依赖的同时删除在package.json中的纪录,需要在卸载的时候使用安装时的所有的选项,例如,如果安装时候使用了npm install <package name> --save则卸载的时候,同样使用npm uninstall <pacakage name> --save,而如果使用了--save-dev,卸载时候也需要加相同的选项。

    使用自定义npm命令

    在package.json中,有一个scripts关键字,只需要在该关键字内写入自定义命令以及对应执行的实际命令即可。


    "scripts":{
      "test": "nonde ./test.js",
      "dev": "gulp --gulpfile gulpfile-dev.js",
      "build": "gulp --gulpfile gulpfile-build.js"
    }

    上面的配置中,只要我们在终端运行npm dev就是运行了gulp --gulpfile gulpfile-dev.js,这样就省去了我们在终端输入很长的一段命令,非常方便。

    其他

    npm view <pacakage name>可以查看包的package.json文件,如果只是看包的某个特性,在后面加上相应的key即可,例如npm v zepto version就是查看当前安装的zepto的版本,v是view的简写。

    npm ls可以分析出当前当前项目下能够通过模块路径找到的所有包,并生成依赖树。

    npm doc <package name>可以打开该依赖包的官网,其实就是打开了package.json中的homepage。

    package.json文件

    在运行npm init后会生成package.json文件,该文件用于记录项目中所用到的依赖以及项目的配置信息(比如名称、版本、许可证等)。npm install命令根据这个配置文件自动下载项目运行和开发所需要的依赖。

    一个比较完整的package.json文件如下:


    {
      "name": "project",
      "version": "1.0.0",
      "author": "张三",
      "description": "第一个node.js程序",
      "keywords":["node.js","javascript"],
      "repository": {
        "type": "git",
        "url": "https://path/to/url"
      },
      "license":"MIT",
      "engines": {"node": "0.10.x"},
      "bugs":{"url":"http://path/to/bug","email":"bug@example.com"},
      "contributors":[{"name":"李四","email":"lisi@example.com"}],
      "scripts": {
        "start": "node index.js"
      },
      "dependencies": {
        "express": "latest",
        "mongoose": "~3.8.3"
      },
      "devDependencies": {
        "grunt": "~0.4.1",
        "grunt-contrib-concat": "~0.3.0"
      }
    }

    在package.json中一些关键字的含义:

    1.name:包名

    2.version:版本号

    3.description:包的描述

    4.homepage:包的官网url

    5.autor:包的作者名字

    6.contributors:包的其他贡献者

    7.dependencies:依赖包的列表,使用npm install可以安装依赖包到node_medule目录下

    8.repository:包代码存放的地方,可以是git或者svn

    9.keywords:关键字

    10.scripts:脚本说明对象。它主要被包管理器用来安装、编译、测试和卸载包,示例如下:


    "scripts":{
    
      “install”:"install.js",
    
      "test":"test.js"
    
    }

    11.main:模块引入方法require()在引入包时,会优先检查这个字段,并将其作为包中其余模块的入口,如果该字段不存在,则node会检查目录下的index.js,index.node,index.json作为默认入口。

    12.devDependencies:一些模块只在开发时需要依赖,配置这个属性,可以提示包的后续开发者安装依赖包

    以上就是Nodejs中npm&package.json的介绍的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    上一篇:如何用 parent() 方法获取某个元素的父元素?parent() 方法案例详解 下一篇:总结用Require.js封装原生js轮播图的实例教程
    20期PHP线上班

    相关文章推荐

    精选22门好课,价值3725元,开通VIP免费学习!• JavaScript中switch的四种写法示例• Angular如何进行视图封装?聊聊三种封装模式• 一文快速详解ES6~ES12的全部特性!• 万字图解JavaScript笔记总结• 如何搞懂虚拟 DOM?看看这篇文章吧!
    1/1

    PHP中文网