【FE】NPM——概述

NPM基本使用

下载Node

1.镜像配置:镜像源

镜像配置

依赖仓库:版本查看
bash 复制代码
//不确定仓库有哪些版本,列出指定包的所有版本
npm view <package-name> versions
//查看某个包的最新版本
npm view <package-name> version

// 查看本地仓库包的信息,时间,版本,哈希,大小等
npm view jquery

2.依赖管理:安装卸载

bash 复制代码
【把npm更新到最新稳定版本】
npm install npm@latest -g

【 安装依赖的4个方式】
// 1.安装依赖------选定版本
npm install jquery
npm install jquery@3.0.0
// 2.更新依赖到最新的版本
npm install jquery@latest
npm update jquery

【安装依赖到开发环境】
// 开发环境最好加一个  --save-dev
npm install jquery --save-dev
// 卸载依赖
npm uninstall jquery

创建脚手架

bash 复制代码
【初始化项目------默认参数】
npm init -y

几大NPM选哪个?

最佳实践:

  1. npm config set registry http://registry.npm.taobao.org
  2. npm install -g pnpm
  3. pnpm i // 会自动安装依赖,主要为了节省时间
  4. npm run dev

NPM

  • Node.js附带了NPM (Node Package Manager),一般安装完node就会自带这个官方的包管理器npm -v
  • 优化了本地软件包安装以节省硬盘空间。

PNPM

因为不是自带的,所以要先安装:npm install -g pnpm

Yarn

因为不是自带的,所以要先安装: npm install yarn -g

  • Yarn是Facebook开发的一款相对较新的包管理器,旨在提供NPM当时所缺乏的更先进的功能(如版本锁定),同时使产品更加安全、可靠和高效。
相关推荐
kingwebo'sZone2 分钟前
C#使用Aspose.Words把 word转成图片
前端·c#·word
xjt_090121 分钟前
基于 Vue 3 构建企业级 Web Components 组件库
前端·javascript·vue.js
我是伪码农33 分钟前
Vue 2.3
前端·javascript·vue.js
夜郎king1 小时前
HTML5 SVG 实现日出日落动画与实时天气可视化
前端·html5·svg 日出日落
夏幻灵2 小时前
HTML5里最常用的十大标签
前端·html·html5
Mr Xu_2 小时前
Vue 3 中 watch 的使用详解:监听响应式数据变化的利器
前端·javascript·vue.js
未来龙皇小蓝2 小时前
RBAC前端架构-01:项目初始化
前端·架构
程序员agions2 小时前
2026年,微前端终于“死“了
前端·状态模式
万岳科技系统开发2 小时前
食堂采购系统源码库存扣减算法与并发控制实现详解
java·前端·数据库·算法
程序员猫哥_3 小时前
HTML 生成网页工具推荐:从手写代码到 AI 自动生成网页的进化路径
前端·人工智能·html