配置根目录_npm配置文件package.json里面的字段你知道多少
嗨!新的一天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里面的字段你知道多少相关推荐
- 【设置版本号】React Native 通过配置文件package.json设置 Android安卓和iOS版本号
目录: 版本说明 安卓配置内容 iOS配置内容 最终效果(修改配置文件package.json,安卓和iOS自动修改版本号) 一.版本说明 本机系统: Mac Android studio: 3.6. ...
- package.json中bin字段的用处
如下是一段package.json中的代码,其中可以看到版本号等信息,除此之外还能看到一个bin字段,本文主要讲的就是bin字段的用处 {"name": "mys-gj& ...
- VScode 插件中 package.json 文件 activationEvents 字段详解
一.activationEvents 插件在 VScode 中默认是没有激活的,通过 activationEvents 来进行配置: onLanguage:${language} onCommand: ...
- 使用npm打包后生成的package.json中重要字段含义
{"name": "demo",// 包名称,不能和npm平台上其他包重复"version": "1.0.0",// 版 ...
- Vue/React项目的package.json文件scripts命令解析
Node 开发离不开 npm,而脚本功能是 npm 最强大.最常用的功能之一. 1.什么是 npm 脚本? npm 允许在package.json文件里面,使用scripts字段定义脚本命令. {// ...
- package.json文件详解
目录 前言 一.package.json 文件作用 二.package.json 文件创建 三.package.json 文件示例 四.package.json 文件配置说明 前言 随着前端由多页面到 ...
- npm使用入门(package.json)
npm使用入门 crazygit 关注 2017.03.10 18:31 字数 1773 阅读 1617评论 0喜欢 10 NPM是什么 npm npm makes it easy for JavaS ...
- package.json 详解
当我们创建一个 Node 项目时, 需要创建一个 package.json 文件,描述这个项目所需要的各种模块,以及项目的配置信息(比如名称.版本.许可证等元数据). 你可以在命令行使用 npm he ...
- package.json和package-lock.json的作用
package.json记录当前项目所依赖模块的版本信息,更新模块时锁定模块的大版本号(版本号的第一位).package-lock.json记录了node_modules目录下所有模块的具体来源和版本 ...
最新文章
- 在耗时操作结束之前 销毁tableView 如何让tableViewCell 销毁
- Android应用开发—TextView的动态创建
- legend3---lavarel多对多模型操作实例
- HEAP: Free Heap block XXXX modified at XXXX after it was freed
- 手机PIN锁死让输入PUK解决方案
- tensorflow学习(2.网络模型的存储以及提取)
- tensorflow-yolov3 调试Intel Realsense D435摄像头所遇到的问题(USB自动检测并重置机制)hardware_reset() pyusb libusb devcon
- C++指针地址内存,数据结构,文件操控
- 监听url地址栏变化
- nagios的实时监控
- 上海的雨什么时候才可以停...
- [一句秒懂]自定义UITextView
- 【转】勤奋小孩的遗言:没有理由不坚持。
- 黑客帝国里的代码雨-java代码实现
- c语言食堂饭卡管理课程设计,第十一章 C语言课程设计—饭卡管理程序.docx
- JVisualVM 简介
- 安装虚拟机不支持i686 cpu的解决办法
- Vue + Spring Boot 项目实战(一):项目简介
- DataStructuresAndAlgorithm--字谜游戏
- python tkinter 按钮 Button增加图片
热门文章
- Angular单元测试的一个错误消息
- SAP Spartacus里Product Carousel componentData取数据的逻辑研究
- 利用JSP内置的Application对象实现的网站引用计数
- SAP云平台 Document Information Extraction服务测试
- SAP C4C business object的UUID和可读性更好的ID
- 如何去除Eclipse Maven插件里关于Managed version的警告消息
- 推荐一个去除图片人物背景的工具Removebg
- 如何在backoffice里创建Hybris image container以及分配给product
- SAP UI5 this.getList().getBinding(items).attachChange(this.handleMasterListChanged
- SAP UI5不支持delta render