一、相关软件
以下是前端开发所需的主要软件列表:
- VSCode:一款功能强大的源代码编辑器。
- SwitchHosts:用于快速切换和修改系统 Hosts 文件的工具。
- Node.js:一个基于 Chrome V8 引擎的 JavaScript 运行环境。
- npm & yarn:包管理器。
- Git:一款分布式版本控制系统。
- 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
- Node.js:请访问 Node.js 官网((nodejs.org/en/download…) 下载并安装。
- nvm(Node Version Manager, 安装地址:github.com/nvm-sh/nvm?… nvm:
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…
三、其他
- Vue.js:快速上手 Vue.js,请查看 Vue.js 官方文档(cn.vuejs.org/guide/quick…
- React:启动一个新的 React 项目,请参考 React 中文文档(zh-hans.react.dev/learn/start…