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

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

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

2.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

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

关闭

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

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

女生学ui还是前端好?

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

前端学习计算机理论知识的好处

我认为学习计算机理论知识很有用,对职业发展帮助非常大。他认为应用开发和底层开发是两回事,前端属于应用开发,学理论知识完全浪费时间。具体细节就不说了,最后是不欢而散。

刚学web前端的学习路线

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

新手学习WEB前端流程以及学习中常见的误区

学习web前端编程技术肯定是以就业拿到高薪工作为主要目的的,可是高薪不会那么轻易拿到,这是一个最简单的道理。没有付出就没有回报,在整个学习web前端编程技术的过程中,你需要付出时间、精力、金钱

自学Web前端的五个不同阶段,从浅入深

学习一门技术,你要知道必须要学习的内容有哪些,哪些是更重要的,从浅入深了解一门技术,扎实的掌握住基础的知识,才能让我们更好的去掌握更精髓的内容。

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

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

学习JavaScript需要注意什么?

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

程序员快速高效的学习方法

是不是感觉自入行以来,每天都在边学边工作,但是学习的速度还是跟不上技术的发展速度?以前端为例,曾经前端还是 jQuery 的天下,但没过多久,jQuery的“替代者”就出现了,很多新项目都会采用React Native 或 Vue 等前端框架

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

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

点击更多...

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