学习webpack前的准备工作

本文为mac用户介绍了如何安装Node.js及npm,并详细说明了npm的基本用法。随后文章将引导读者开始学习Webpack,一种流行的模块化打包工具。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前言

由于vue和react的流行,webpack这个模块化打包工具也已经成为热门。作为前端工程师这个需要不断更新自己技术库的职业,真的需要潜下心来学习一下。

准备工作(针对mac用户)
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  • 安装nodejs

$ brew install node
  • 安装 n 来管理 nodejs 版本

$ sudo npm install -g n  
# 安装最新版本
$ n latest
# 安装最稳定版本
$ n stable
# 删除某个版本
$ n rm 0.10.1
# 切换版本
$ n 
# 进入切换界面会出现当前安装的各个版本的nodejs
# 通过上下键切换版本,o切换到你想要的版本前回车即可

npm是随同nodejs一起安装的包管理工具,常见使用场景
1、允许用户从NPM服务器下载别人编写的第三方包到本地
2、允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用
3、允许用户将自己编写的包或命令行程勋上传到NPM服务器供别人使用

# 查看npm版本
$ npm -v
# npm升级
$ sudo npm install npm -g
# 在项目目录下初始一份package.json
$ npm init -y

准备工作就绪,下一章开始webpack学习。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值