mac从零配置前端环境

本文介绍Mac从零配置前端环境的方法。需下载nvm、node.js、npm、vscode、homebrew、nginx等。详细说明了nvm、node.js的安装与配置,包括镜像源设置、环境变量配置等;还给出vscode下载地址及插件推荐,以及homebrew、nginx的安装、启动命令和验证安装成功的方法。

下载的内容有nvm node.js npm vscode homebrew nginx。

下载nvm

国内镜像源

配置镜像源

输入命令vim /etc/hosts 输入i将下面内容拷贝进去,Ese :wq保存退出。

# GitHub520 Host Start
140.82.114.26                 alive.github.com
140.82.112.5                  api.github.com
185.199.111.153               assets-cdn.github.com
185.199.110.133               avatars.githubusercontent.com
185.199.110.133               avatars0.githubusercontent.com
185.199.110.133               avatars1.githubusercontent.com
185.199.110.133               avatars2.githubusercontent.com
185.199.110.133               avatars3.githubusercontent.com
185.199.110.133               avatars4.githubusercontent.com
185.199.110.133               avatars5.githubusercontent.com
185.199.110.133               camo.githubusercontent.com
140.82.112.21                 central.github.com
185.199.108.133               cloud.githubusercontent.com
140.82.114.9                  codeload.github.com
140.82.113.21                 collector.
### MacBook 上配置前端开发环境 #### 安装 Node.jsnpm 为了构建现代前端应用,Node.js 及其包管理器 npm 是必不可少的组件。对于 macOS 用户来说,有多种方式来获取这些工具: 一种推荐的方法是通过 nvm (Node Version Manager),这允许在同一台机器上轻松管理和切换多个 Node 版本[^1]。 另一种直接的方式是从官方站点下载并安装最新的长期支持(LTS)版本或者当前版本的 Node.js,此过程会自动附带安装 npm [^4]。 ```bash # 使用 Homebrew 安装 nvm /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" brew install nvm ``` #### 配置终端替代方案 由于 MacOS 不兼容某些 Linux 终端模拟器如 Xshell,在寻找合适的本地命令行界面时可能会遇到挑战。建议尝试其他更适配的选择,比如 iTerm2 或者内置的 Terminal.app 来作为日常使用的 shell 工具[^2]。 #### 设置 Homebrew 软件仓库 Homebrew 是一个非常受欢迎的软件包管理系统,适用于 macOS 的开源和跨平台应用程序。特别是针对 Apple Silicon 架构(M1芯片),应当注意 ARM 架构下的特殊路径 `/opt/homebrew` [^3]。 ```bash # 对于 Intel Macs /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" # 对于 M1 MacBooks arch -arm64 /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" ``` 完成上述步骤之后,就可以继续按照具体框架的要求进一步扩展自己的开发环境了,例如 Vue CLI 的全局安装等。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值