【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当时所缺乏的更先进的功能(如版本锁定),同时使产品更加安全、可靠和高效。
相关推荐
Wetoria4 分钟前
管理 git 分支时,用 merge 还是 rebase?
前端·git
前端开发与ui设计的老司机14 分钟前
UI前端与数字孪生融合新领域:智慧环保的污染源监测与治理
前端·ui
一只小风华~28 分钟前
Web前端开发: :has功能性伪类选择器
前端·html·html5·web
Mr_Mao4 小时前
Naive Ultra:中后台 Naive UI 增强组件库
前端
前端小趴菜056 小时前
React-React.memo-props比较机制
前端·javascript·react.js
摸鱼仙人~7 小时前
styled-components:现代React样式解决方案
前端·react.js·前端框架
sasaraku.8 小时前
serviceWorker缓存资源
前端
RadiumAg9 小时前
记一道有趣的面试题
前端·javascript
yangzhi_emo9 小时前
ES6笔记2
开发语言·前端·javascript
yanlele9 小时前
我用爬虫抓取了 25 年 5 月掘金热门面试文章
前端·javascript·面试