四次元科技
科技、动漫、生活、学习以及一切

新手前端拿到mac之后需要做的一些事情

分享, 开发 ·

写在最前

macOS是基于Unix系统开发出来的产物,这类系统的一个特点就是你必须记住你用户的密码,因为经常需要在获取高权限的时候输入。

而且密码输入的时候,终端窗口里是不会有文字或者星号的提示的,直到按回车之前,画面都不会有变化。所以遇到输入密码的时候,就正常的输入再按回车就可以了。

安装Git

开机之后,连上网络,然后其他什么都不要做,先去打开终端,运行一下这个。

这个安装走的苹果服务器,非常慢,所以最好一开始就安装起来。

然后你就会安装上git,没有git后面的东西就都不好装。

xcode-select --install

配置hosts

然后就是配置github的hosts,国内不配置hosts的话,上github还是比较难受的。

这里建议使用SwitchHosts软件来配置。

下载地址: SwitchHosts

详细介绍可以阅读 SwitchHosts! 还能这样管理hosts,后悔没早点用 。

操作步骤

添加一条规则:

这样就可以和最新的hosts保持同步。

安装Homebrew

接下来是要安装终端神器Homebrew,这个可以用来安装环境需要的一些软件,官方的安装方式国内会比较慢,这里推荐国内镜像的方式安装。

依次执行下面的命令即可使用腾讯云镜像安装。

详细介绍可以阅读镜像助手 - Homebrew 中文网

export HOMEBREW_BREW_GIT_REMOTE="https://mirrors.tuna.tsinghua.edu.cn/git/homebrew/brew.git"
export HOMEBREW_CORE_GIT_REMOTE="https://mirrors.tuna.tsinghua.edu.cn/git/homebrew/homebrew-core.git"
export HOMEBREW_API_DOMAIN="https://mirrors.tuna.tsinghua.edu.cn/homebrew-bottles/api"
export HOMEBREW_BOTTLE_DOMAIN="https://mirrors.tuna.tsinghua.edu.cn/homebrew-bottles/bottles"

/bin/bash -c "$(curl -fsSL https://gitee.com/ineo6/homebrew-install/raw/master/install.sh)"

安装oh-my-zsh

oh-my-zsh是一个终端增强插件,可以让你的终端变得更好用。

依次执行下面的命令即可。

cd ~/
git clone https://mirrors.tuna.tsinghua.edu.cn/git/ohmyzsh.git
cd ohmyzsh/tools
REMOTE=https://mirrors.tuna.tsinghua.edu.cn/git/ohmyzsh.git sh install.sh
rm -rf ~/ohmyzsh

安装之后,在用户根目录下会生成一个.zshrc的配置文件,如果后面有需要修改配置的就是修改这个文件。

使用如下命令可以打开配置文件。

open ~/.zshrc

编辑完成后可以使用下面的命令立即更新配置。当然重新启动终端也可以。

source ~/.zshrc

安装基础版本node

建议直接在官网或镜像源下载二进制安装包安装,这样又快又简单。
这里我给出的是阿里的镜像源。

下载地址: https://cdn.npmmirror.com/binaries/node/v20.17.0/node-v20.17.0.pkg

安装yarn

一行命令。

curl -o- -L https://yarnpkg.com/install.sh | bash

安装pnpm(推荐)

一行命令。

curl -fsSL https://get.pnpm.io/install.sh | sh -

之后执行下面的命令设置镜像源。

cat>~/.npmrc<<EOF
node-mirror:release=https://npmmirror.com/mirrors/node/
node-mirror:rc=https://npmmirror.com/mirrors/node-rc/
node-mirror:nightly=https://npmmirror.com/mirrors/node-nightly/
#如果需要开发RN,记得设置为hoisted模式,否则RN项目不可用。也可设置到项目的.npmrc中。
node-linker=hoisted
EOF

最后使用pnpm的命令安装lts版本node。

pnpm env use --global lts

设置npm镜像源

使用阿里的镜像源。

npm set registry https://registry.npmmirror.com
yarn config set registry https://registry.npmmirror.com
pnpm config set registry https://registry.npmmirror.com

安装IDE

现在大家一般都是常用VSCode。直接点下面链接下载就行。

下载地址: VSCode

但是十有八九你的下载速度会特别特别的慢。这时候有两种方案。

一种是复制一下下载的链接,改成国内镜像源。

也就是把xxxxxx.vo.msecnd.net改成vscode.cdn.azure.cn

# 原始地址
https://az764295.vo.msecnd.net/stable/f1b07bd25dfad64b0167beb15359ae573aecd2cc/VSCode-darwin-universal.zip

# 修改后地址
https://vscode.cdn.azure.cn/stable/f1b07bd25dfad64b0167beb15359ae573aecd2cc/VSCode-darwin-universal.zip

也可以试试VSCode的开源版本VSCodium,没有微软服务,更轻量。

下载地址: VSCodium

安装ReactNative环境

如果你是Web前端或者是小程序开发的话,看到这基本就差不多了,但是如果你是ReactNative开发的话,那后面还要再搞一坨东西才好用。

首先需要安装xcodeandroid studio

xcode可以在下面的网址直接找到下载,这样可以不用登陆AppStore。

下载之前记得看一下自己的系统版本,然后下载不要超过自己系统版本的包。

下载地址: Xcode Releases

android studio直接到中文官网下载。

下载地址: Android Studio

然后安装watchman

brew install watchman

安装ruby

直接用brew安装吧。

brew install ruby

安装cocoapods

这玩意新版本已经禁止了各种设置源设置镜像的能力,所以只能官方地址慢慢下。

brew install cocoapods

结语

到这基本所有的环境就都装好了。不过如果你要接鼠标,爬长城,或者管理SVN之类的,还是需要一些别的软件支持的,这些就后面再说吧。https://cdn.npmmirror.com/binaries/node/v20.17.0/node-v20.17.0.pkg

# # #





评论
暂时还没有评论
添加新评论
发表回复