关闭

package.json是什么?_对package.json的理解和学习

时间: 2018-09-11阅读: 3805标签: 学习

package.json是什么?

npm安装package.json时  直接转到当前项目目录下用命令npm install 或npm install --save-dev安装即可,自动将package.json中的模块安装到node-modules文件夹下。

package.json就是管理你本地安装的npm包,用于定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。一个package.json文件可以做如下事情: 

展示项目所依赖的npm包
允许你指定一个包的版本[范围] 
让你建立起稳定,意味着你可以更好的与其他开发者共享

注意:npm init 时,用户需回答一些问题,然后在当前目录生成一个基本的package.json文件。所有问题之中,只有项目名称(name)和项目版本(version)是必填的,其他都是选填的。


package.json字段说明

1、name

包的名称,必须是唯一的,由小写英文字母、数字和下划线组成,不能包含空格 

 2、version

项目版本号,符合语义化版本识别规范的版本字符串  

3、description

项目描述,项目的简要说明 

4、keywords

{Array}关键词数组,便于用户搜索到我们的项目。

5、homepage

用于定义项目url主页

6、bugs

提交bug的地址,项目问题反馈的Url或email配置,如:  

{ 
“url” : “https://github.com/issues“, 
“email” : “project@hostname.com” 
}

7、license

项目许可证,让使用者知道是如何被允许使用此项目。默认是”ISC”  

8、author

定义该项目的作者。

9、private

代表npm是否发布该项目。如果设置为true, 那么npm会拒绝发布它

10、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"
  },

11、dependencies,devDependencies

dependencies和devDependencies两项,分别指定了项目运行所依赖的模块、项目开发所需要的模块。它们都指向一个对象,该对象的各个成员,分别由模块名和对应的版本要去组成,表示依赖的模块及其版本范围

--save参数表示将该模块写入dependencies属性,
--save-dev表示将该模块写入devDependencies属性。

如下:

"dependencies": {
    "vue": "^2.2.2",
    "vue-router": "^2.2.0"
  },
  "devDependencies": {
    "autoprefixer": "^6.7.2",
    "babel-core": "^6.22.1",
    "babel-eslint": "^7.1.1",
    "babel-loader": "^6.2.10",
    "babel-plugin-transform-runtime": "^6.22.0",
    "babel-preset-env": "^1.2.1",
    "babel-preset-stage-2": "^6.22.0",
    "babel-register": "^6.22.0",
    "chalk": "^1.1.3",
}

12、config

config字段用于向环境变量输出值。  

{ 
  "name" : "foo", 
  "config" : { "port" : "8080" }, 
  "scripts" : { "start" : "node server.js" } 
}

13、engines

指明了该项目所需要的node.js版本 

"engines": {
   "node": ">= 4.0.0",
   "npm": ">= 3.0.0"
 },

14、bin

许多包有一个或多个可执行文件希望被安装到系统路径。在npm下要这么做非常容易(事实上,npm就是这么运行的)。

这需要在你的package.json中提供一个bin字段,它是一个命令名和本地文件名的映射。在安装时,如果是全局安装,npm将会使用符号链接把这些文件链接到prefix/bin,如果是本地安装,会链接到./node_modules/.bin/。

比如,要使用myapp作为命令时可以这么做:

{ "bin" : { "myapp" : "./cli.js" } }

这么一来,当你安装myapp,npm会从cli.js文件创建一个到/usr/local/bin/myapp的符号链接(这使你可以直接在命令行执行myapp)。

 




站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/1070

女生学ui还是前端好?

UI设计和Web前端都是当今比较火爆的互联网热门岗位,市场需求量很大,薪资待遇较高,自然引来越来越多人的学习。但是学习IT培训的学员们总是很犯难,对于女生而言:到底是学UI设计好,还是Web前端好?

学习web前端发展的8个方向

技术的发展是瞬息万变的事情,web前端领域也不例外。可以说每一年在前端领域都会有一些新技术涌现和技术变革,2019年前端发展又会有哪些布局?我大致总结了8个方向,下面就同大家一起盘点一下。

一个php程序员的学习路线

新手不要看到上面的概括就以为PHP学习是很简单的,编程是需要你认真的思考和不断的实践。下面具体解释一下PHP的学习线路。首先,任何网站都是由网页组成的,也就是说想完成一个网站,必须先学会做网页

一个程序员的五年总结,给你不一样的角度

5 年是一个值得总结的阶段,而这 5 年后的今天,我发现自己越来越不像一个“程序员”。如今在工作中 开始关注文档,开始关注规范,希望自己输出的不只是代码; 每天会耗费时间消化各种外部信息

刚毕业想学习web前端,该怎么学才能最快入门?

首先无论你要学习任何技能,必须有一个清晰的版图,什么是清晰的版图呢?首先了解你学的技术将来要从事什么工作,这个工作的条件是哪些?然后你要有一个非常清晰的学习大纲

程序员提升学习效率的3个方法

才3个方法?如果你希望的是提升效率的10大方法,程序员必看的20个学习法......很抱歉,本文不适合你。在精而不在多,一个人若能够学会,并且长期践行这其中一种方法,便已经能够走在很多人前头了。

资深web前端工程师总结出一套正确的学习思路

对于零基础的学员来说:初接触一门技术,想要去了解他,并掌握它,是不是觉得有点无从下手,不知道该学习什么?该先学哪个后学哪个?今天一位资深web前端工程师

零基础转行web前端,如何高效的去学习web前端?

web前端开发要学的知识内容涉及的会很宽泛,虽然说主要是HTML、CSS和JavaScript这些基础知识点,但学前端开发除了要学这些基础知识外,学员还要在这之上进行延伸和深入的去学,而且互联网时代不断发展,掌握了这些新技术

前端为什么要学习vue.js

这几年Vue.js成为前端框架中最火的一个。越来越多的网站前端开始采用Vue.js开发。是开源世界华人的骄傲,其作者是我国尤雨溪。为了给个人开发提供更多的机遇打造出门槛低,成本低,跨设备和多平台的Vue.js.

Web前端开发小白的学习建议和路线图

对于新手小白来说学习Web前端开发,可能不知道从哪开始,总感觉无从下手,下面给Web开发者整理了一份学习建议及路线图,想要学习前端开发的东西可以借鉴学习一下

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!