当前位置: 首页 > news >正文

最新版npm详解

如:npm中搜索 jQuery

image.png

image.png

接地气的描述:npm 类似于如下各大手机应用市场

image.png

image.png

查看本地 node 和 npm 是否安装成功

image.png

image.png

或 npm install -g npm

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

输入npm init后会弹出一堆问题,可以输入对应内容,也可以使用默认值。在回答一堆问题后输入yes 就会生成图中所示内容的package.json文件。 如果嫌回答这一大堆问题麻烦,可以直接输入npm init --yes跳过回答问题步骤,直接生成默认值的package.json文件:

image.png

image.png

image.png

image.png

image.png

image.png

description:描述信息,有助于搜索 main:入口文件,一般都是 index.js scripts:支持的脚本,默认是一个空的 test keywords:关键字,有助于在人们使用 npm search搜索时发现你的项目author :作者信息 license :默认是 MIT bugs:当前项目的一些错误信息,如果有的话 可以为init命令设置一些默认值,比如:

image.png

image.png

npm run abc

image.png

image.png

查看

image.png

image.png

案例:把下载的jQuery配置记录到package.json中

没安装之前的文件夹:

image.png

image.png

npm install jquery -D

image.png

image.png

image.png

image.png

在安装个 bootstrap,这次不带 -D npm install bootstrap

image.png

image.png

发现不带 -D ,放在dependencies,加上-D,就放在devDependencies

通过 npm install 包名称 下载的文件都会保存在当前文件夹下的 node_module下,如:

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

dependencies配置的是生产环境,安装项目运行时所依赖的模块。比如jQuery库,等项目上线以后依然是要继续使用的,我们就要安装在生产环境中,如果没有把需要的依赖安装到生产环境中,项目上线运行时就有可能会报错。使用 --save 命令安装到dependencies 下,命令语法:

配置项dependenciesdevDependencies
dependencies–save 简写 -S生产环境,管理的依赖包在项目上线后依然有效
devDependencies–save-dev 简写 -D开发环境,管理的依赖包仅在开发阶段有效

两种环境的的指定方式是通过配置文件中的NODE_ENV=developement或NODE_ENV=production来指定是开发还是生产环境的。

使用的一些构建工具例如glup、webpack这些只是在开发中使用的包,上线以后就和他们没关系了,所以将它写入devDependencies

首先在一个空的文件夹下使用 npm init 初始化生成一个 package.json 文件,打开对里面的内容进行添加,如:下载 jQuery 和 bootstrap 的包文件

image.png

image.png

使用命令 npm install进行安装即可。这个命令会识别刚刚自定义 package.json 中需要安装的文件

npm install 可以简写 为npm i

http://www.lryc.cn/news/353165.html

相关文章:

  • 超值分享50个DFM模型格式的素人直播资源,适用于DeepFaceLive的DFM合集
  • Python——一维二维字典数据转化为DataFrame的方法
  • unity中如何插入网页
  • 【负载均衡在线OJ项目日记】引入网络库和客户端用户路由功能
  • 【Vue3】env环境变量的配置和使用(区分cli和vite)
  • ACW石子合并-XMUOJ元素共鸣:唤醒神之眼 -区间DP
  • 大语言模型实战——搭建纯本地迷你版RAG
  • 内存分配算法
  • Hive运行错误
  • vue3之使用图片实现类似于 el-radio 的单选框功能,并且可实现选中和取消选中
  • Vue 安装vue
  • 5月30日在线研讨会 | 面向智能网联汽车的产教融合解决方案
  • 嵩山为什么称为三水之源
  • 最新文章合集
  • Jmeter预习第1天
  • Volatile的内存语义
  • Debezium+Kafka:Oracle 11g 数据实时同步至 DolphinDB 解决方案
  • 前端如何在 WebSocket 的请求头中使用标准 HTTP 头携带 Authorization 信息,添加请求头
  • Java---图书管理系统(练习版)
  • ICML2024 定义新隐私保护升级:DP-BITFIT新型微调技术让AI模型学习更安全
  • 网络空间安全数学基础·整除与同余
  • 同旺科技 FLUKE ADPT 隔离版发布 ---- 说明书
  • 云计算-角色、特性和模型 (Roles, Characteristics, and Models)
  • 介绍一下Hugging Face,这个公司的背景是什么
  • 【C++高阶(一)】继承
  • AI原生嵌入式矢量模型数据库ChromaDB-部署与使用指南
  • c# 画一个正弦函数
  • Docker学习(3):镜像使用
  • 【Git】版本控制工具——Git介绍及使用
  • 面试八股之JVM篇3.6——垃圾回收——强引用、弱引用、虚引用、软引用