Tianyi's Blog Tianyi's Blog
首页
  • 计算机网络
  • 操作系统
  • 计算机科学
  • Nginx
  • Vue框架
  • 环境配置
  • Java
  • JVM
  • Spring框架
  • Redis
  • MySQL
  • RabbitMQ
  • Kafka
  • Mirror Sites
  • Dev Tools
  • Docker
  • Jenkins
  • Scripts
  • Windows
  • 科学上网
  • 旅行
  • 网站日记
  • 软件
  • 电子产品
  • 杂野
  • 分类
  • 友情链接
GitHub (opens new window)

Tianyi

一直向前,永不停止
首页
  • 计算机网络
  • 操作系统
  • 计算机科学
  • Nginx
  • Vue框架
  • 环境配置
  • Java
  • JVM
  • Spring框架
  • Redis
  • MySQL
  • RabbitMQ
  • Kafka
  • Mirror Sites
  • Dev Tools
  • Docker
  • Jenkins
  • Scripts
  • Windows
  • 科学上网
  • 旅行
  • 网站日记
  • 软件
  • 电子产品
  • 杂野
  • 分类
  • 友情链接
GitHub (opens new window)
  • Nginx

  • Vue框架

  • 前端环境配置

    • node环境配置
    • JS包管理器,谁是你的菜?
      • BUN 2024年12月21日最新更新
      • NPM基本使用
        • 下载Node
        • 1.镜像配置:镜像源
        • 依赖仓库:版本查看
        • 2.依赖管理:安装卸载
      • 创建脚手架
      • 几大NPM选哪个?
        • NPM
        • PNPM
        • Yarn
    • NPM常用命令解读
  • 前端文档

  • 前端
  • 前端环境配置
tianyi
2023-01-03
目录

JS包管理器,谁是你的菜?

# BUN 2024年12月21日最新更新

开发推荐使用新的包管理器——BUN。Bun is a fast JavaScript all-in-one toolkit

Develop, test, run, and bundle JavaScript & TypeScript projects—all with Bun. Bun is an all-in-one JavaScript runtime & toolkit designed for speed, complete with a bundler, test runner, and Node.js-compatible package manager. Bun aims for 100% Node.js compatibility.

官网:https://bun.sh/ (opens new window)

bun install utif --registry=https://mirrors.cloud.tencent.com/npm/
1

# NPM基本使用

# 下载Node

  • 老生常谈,选择LTS版本
  • 官网放这里:https://nodejs.cn/download/ (opens new window)

# 1.镜像配置:镜像源

镜像配置

# 依赖仓库:版本查看

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

// 查看本地仓库包的信息,时间,版本,哈希,大小等
npm view jquery
1
2
3
4
5
6
7

# 2.依赖管理:安装卸载

【把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
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

# 创建脚手架

【初始化项目——默认参数】
npm init -y
1
2

# 几大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

  • Pnpm在现有npm功能的基础上进行了许多改进。pnpm吸收了npm的所有优点,同时消除了它的弱点,使pnpm两全其美。

  • 为什么选择PNPM:https://refine.dev/blog/pnpm-vs-npm-and-yarn/?ref=hackernoon.com (opens new window)

# Yarn

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

  • Yarn是Facebook开发的一款相对较新的包管理器,旨在提供NPM当时所缺乏的更先进的功能(如版本锁定),同时使产品更加安全、可靠和高效。
完善页面 (opens new window)
node环境配置
NPM常用命令解读

← node环境配置 NPM常用命令解读→

最近更新
01
MySQL 优化思路
08-30
02
JDK
02-23
03
BadTasteCode && 优化
09-11
更多文章>
Theme by Vdoing | Copyright © 2021-2025 Tandy | 粤ICP备2023113440号
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式