学习webpack前的准备工作
前言
由于vue和react的流行,webpack这个模块化打包工具也已经成为热门。作为前端工程师这个需要不断更新自己技术库的职业,真的需要潜下心来学习一下。
准备工作(针对mac用户)
安装 homebrew
$ /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
npm是随同nodejs一起安装的包管理工具,常见使用场景
1、允许用户从NPM服务器下载别人编写的第三方包到本地
2、允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用
3、允许用户将自己编写的包或命令行程勋上传到NPM服务器供别人使用
# 查看npm版本
$ npm -v
# npm升级
$ sudo npm install npm -g
# 在项目目录下初始一份package.json
$ npm init -y
准备工作就绪,下一章开始webpack学习。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,携手博客园推出1Panel与Halo联合会员
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 微服务架构学习与思考:微服务拆分的原则
· 记一次 .NET某云HIS系统 CPU爆高分析
· 如果单表数据量大,只能考虑分库分表吗?
· 一文彻底搞懂 MCP:AI 大模型的标准化工具箱
· 电商平台中订单未支付过期如何实现自动关单?
· 精选 4 款免费且实用的数据库管理工具,程序员必备!
· Cursor:一个让程序员“失业”的AI代码搭子
· 博客园2025新款「AI繁忙」系列T恤上架
· .NET 阻止Windows关机以及阻止失败的一些原因
· 航天二院校园招聘面试记录:二八三厂