嗨!新的一天get点什么功能呢?来聊聊npm的配置文件吧!

创建一个前端项目目前都离不开npm包管理工具,所以根目录必须有一个package.json文件

如何创建呢?

1)懒人操作:项目根目录直接黑窗口输入以下初始化命令就会自动生成了

npm init -y 

2)正常做法: 项目根目录直接黑窗口输入以下初始化命令手动配置一些字段

npm init

究竟有哪些字段呢?

name: 项目(包,模块)名称

-- 没有特殊的要求,驼峰或者横线分隔都可以也是最常用的

version: 版本号(~1.2.3)(1.2.3)(^1.2.3)

-- 大版本和小版本

-- 1代表大版本(如果有整个项目的改动可以直接修改大版本)

-- 2.3代表小版本(功能修改可以用小版本)

-- ~会匹配最近的小版本依赖包,比如~1.2.3会匹配所有1.2.x版本,但是不包括1.3.0

-- ^会匹配最新的大版本依赖包,比如^1.2.3会匹配所有1.x.x的包,包括1.3.0,但是不包括2.0.0

description: 项目的描述

-- 对项目进行说明的字段

main:包入口文件,一般开发自己的npm包功能才用得到,项目就不会用到

-- 引入你的包的时候的入口文件(比如你的包叫做hello)

// src//   | - test.js// package.json{   main: './src/test.js'}// hello指的就是test.js这个文件作为入口文件访问这个包const hello = require('hello')

bin: 执行的入口脚本文件

-- bin代表可执行的意思,bin这里说的可执行的脚本文件,脚本文件一般都会以#!/usr/bin/node 来表示是node脚本

license: 当前项目的协议 ISC和MIT,一般我们都会选择MIT开源协议

scripts: 配置执行脚本命令

repository: 项目存放的远程仓库,例如git仓库,svn仓库,目前都是git

keywords: 项目关键字,利于在npm官网搜索

author: 开发者名字

devDependencies: 开发所需要的模块

dependencies: 运行所依赖的模块

开发的时候想测试自己开发的包,或者脚手架可以利用软链来挂载全局执行命令文件,比如我自己的包叫做hello,我可以在项目下面直接执行npm link即可

npm link

以上是简单的入门操作,你了解多少,没事的时候可以试试哦

配置根目录_npm配置文件package.json里面的字段你知道多少相关推荐

  1. 【设置版本号】React Native 通过配置文件package.json设置 Android安卓和iOS版本号

    目录: 版本说明 安卓配置内容 iOS配置内容 最终效果(修改配置文件package.json,安卓和iOS自动修改版本号) 一.版本说明 本机系统: Mac Android studio: 3.6. ...

  2. package.json中bin字段的用处

    如下是一段package.json中的代码,其中可以看到版本号等信息,除此之外还能看到一个bin字段,本文主要讲的就是bin字段的用处 {"name": "mys-gj& ...

  3. VScode 插件中 package.json 文件 activationEvents 字段详解

    一.activationEvents 插件在 VScode 中默认是没有激活的,通过 activationEvents 来进行配置: onLanguage:${language} onCommand: ...

  4. 使用npm打包后生成的package.json中重要字段含义

    {"name": "demo",// 包名称,不能和npm平台上其他包重复"version": "1.0.0",// 版 ...

  5. Vue/React项目的package.json文件scripts命令解析

    Node 开发离不开 npm,而脚本功能是 npm 最强大.最常用的功能之一. 1.什么是 npm 脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令. {// ...

  6. package.json文件详解

    目录 前言 一.package.json 文件作用 二.package.json 文件创建 三.package.json 文件示例 四.package.json 文件配置说明 前言 随着前端由多页面到 ...

  7. npm使用入门(package.json)

    npm使用入门 crazygit 关注 2017.03.10 18:31 字数 1773 阅读 1617评论 0喜欢 10 NPM是什么 npm npm makes it easy for JavaS ...

  8. package.json 详解

    当我们创建一个 Node 项目时, 需要创建一个 package.json 文件,描述这个项目所需要的各种模块,以及项目的配置信息(比如名称.版本.许可证等元数据). 你可以在命令行使用 npm he ...

  9. package.json和package-lock.json的作用

    package.json记录当前项目所依赖模块的版本信息,更新模块时锁定模块的大版本号(版本号的第一位).package-lock.json记录了node_modules目录下所有模块的具体来源和版本 ...

最新文章

  1. 在耗时操作结束之前 销毁tableView 如何让tableViewCell 销毁
  2. Android应用开发—TextView的动态创建
  3. legend3---lavarel多对多模型操作实例
  4. HEAP: Free Heap block XXXX modified at XXXX after it was freed
  5. 手机PIN锁死让输入PUK解决方案
  6. tensorflow学习(2.网络模型的存储以及提取)
  7. tensorflow-yolov3 调试Intel Realsense D435摄像头所遇到的问题(USB自动检测并重置机制)hardware_reset() pyusb libusb devcon
  8. C++指针地址内存,数据结构,文件操控
  9. 监听url地址栏变化
  10. nagios的实时监控
  11. 上海的雨什么时候才可以停...
  12. [一句秒懂]自定义UITextView
  13. 【转】勤奋小孩的遗言:没有理由不坚持。
  14. 黑客帝国里的代码雨-java代码实现
  15. c语言食堂饭卡管理课程设计,第十一章 C语言课程设计—饭卡管理程序.docx
  16. JVisualVM 简介
  17. 安装虚拟机不支持i686 cpu的解决办法
  18. Vue + Spring Boot 项目实战(一):项目简介
  19. DataStructuresAndAlgorithm--字谜游戏
  20. python tkinter 按钮 Button增加图片

热门文章

  1. Angular单元测试的一个错误消息
  2. SAP Spartacus里Product Carousel componentData取数据的逻辑研究
  3. 利用JSP内置的Application对象实现的网站引用计数
  4. SAP云平台 Document Information Extraction服务测试
  5. SAP C4C business object的UUID和可读性更好的ID
  6. 如何去除Eclipse Maven插件里关于Managed version的警告消息
  7. 推荐一个去除图片人物背景的工具Removebg
  8. 如何在backoffice里创建Hybris image container以及分配给product
  9. SAP UI5 this.getList().getBinding(items).attachChange(this.handleMasterListChanged
  10. SAP UI5不支持delta render