前端开发环境配置(mac)

494 阅读1分钟

一、相关软件

以下是前端开发所需的主要软件列表:

  1. VSCode:一款功能强大的源代码编辑器。
  2. SwitchHosts:用于快速切换和修改系统 Hosts 文件的工具。
  3. Node.js:一个基于 Chrome V8 引擎的 JavaScript 运行环境。
  4. npm & yarn:包管理器。
  5. Git:一款分布式版本控制系统。
  6. Chrome:当前最受欢迎的的浏览器

二、下载安装

VSCode

访问 VSCode 官网(code.visualstudio.com) 下载与您的电脑系统相对应的版本。

Node.js, nvm, yarn 安装

前置工具 Homebrew 安装

Homebrew(brew.sh/) 是 macOS(或 Linux)上的包管理器。安装命令如下:

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

注意:如果遇到连接问题,如 Failed to connect to raw.githubusercontent.com port 443,您可能需要设置 IP 域名映射。您可以访问 ip 域名映射地址(ipaddress.com/website/raw…) 查询 githubusercontent.com 的真实 IP 地址,例如:

185.199.108.133
185.199.109.133
185.199.110.133
185.199.111.133

修改系统 hosts 文件,使用以下命令修改系统 hosts 文件:

sudo vim /etc/hosts

添加以下内容后(最后一行的内容)保存:

# 当系统启动时,请不要更改此条目。
127.0.0.1 localhost
255.255.255.255 broadcasthost
::1 localhost
# SWITCHHOSTS_CONTENT_START
185.199.108.133 raw.githubusercontent.com
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.7/install.sh | bash

更多版本及其它信息,请查看 nvm GitHub 仓库

  • yarn:使用 npm 安装 yarn:
sudo npm install -g yarn

Git

访问官方网站:git-scm.com/download/ma…

下载完成后,进行基本的配置,参考官网git-scm.com/book/zh/v2/…

$ brew install git

Chrome

访问官网(support.google.com/chrome/answ…

三、其他