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

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

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

如何学习css?了解css历史/优势

CSS(Cascading Style Sheet,层叠样式表)是由W3C(万维网联盟)的CSS工作组创建和维护的。它是一种不需要编译,可直接由浏览器执行的标记性语言,用于控制Web页面的外观

女生学ui还是前端好?

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

学习JavaScript需要注意什么?

JavaScript不只是开发网页特效和渲染数据的重要内容,在学习前端开发的后期,大量使用算法和框架的时候,对JavaScript基础的考验也是很多的。那么学习JavaScript需要注意什么?

一个php程序员的学习路线

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

开发 7 年,我学到了什么?

相信每位开发者在自己开发的过程中,都会反思一些问题,比如怎样提高编程能力、如何保持心态不砍产品经理、996 之后怎样恢复精力……作为开发者,你工作了几年?在工作过程中学习到了什么呢?

高效的学习的几种方式

学习可以说是生活中的一部分,无论是为了升值加薪还是为了扩充自己的知识面,还是无意中的好奇心,我们都会去学习。不过很多时候,学过的东西没多久就忘记了

刚学web前端的学习路线

本人从事前端多年,这里为大家普及一些入门和提升建议,思想提升了,路线明确了自然就好了,HTML、CSS基础、JavaScript语法基础。学完基础后,可以仿照电商网站(例如京东、小米)做首页的布局。

javascript应该怎么学?

有朋友说想要一个学习javascript,但是不知道怎么去学习。本篇文章中小编总结了JavaScript重要知识点以及学习方法,有点长,但是很好用,希望对你有所帮助。

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

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

前端越学越越迷茫,如何跳出前端学习的5大误区?

希望通过这篇文章,可以帮助到更多正在学习但是又不知道从哪里学习学习的前端的小伙伴,还有一些想要去转行的,但是不知道不知道如何去学习,以及整个市场的情况,还有一些正在从事前端开发的小伙伴吧

点击更多...

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