新mac（m3）下载配置前端所需软件步骤详记

LinHan
1,844 阅读2分钟

刚到手的mac m3 air 本身自己是一个前端，之前自己出来没有用过mac ，所以这几天晚上都会下载一些前端所需的软件，环境配置，持续更新，可以关注，看主页

安装## Homebrew

omebrew是一款MacOS平台下的软件包管理工具，拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令，就可以实现包管理，而不用你关心各种依赖和文件路径的情况，十分方便快捷。 通常用于Mac系统，也可以安装在Linux系统

输入命令

bash
复制代码
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

image.png

选择安装源

image.png

执行脚本并在提示下输入开机密码

image.png

开始执行

image.png

安装成功，选择今后brew install时的国内镜像

image.png

查看Homebrew版本

image.png

恭喜你，到此，Homebrew正式安装完成

卸载

bash
复制代码
/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/HomebrewUninstall.sh)"

安装nvm

命令：

  • brew install nvm 安装成功显示如下：

在这里插入图片描述

2、配置环境变量

1) 执行命令：open -e ~/.bash_profile

打开.bash_profile 文件（若没有则创建），添加环境变量： 添加

export NVM_DIR=~/.nvm 
source $(brew --prefix nvm)/nvm.sh

5.查看nvm安装是否成功 nvm -v

brew uninstall nvm && cd ~ && rm -rf .nvm

命令解释：从 brew 列表中卸载 nvm 软件包，后在进入用户目录下删除  .nvm 文件夹。

自己通过 nvm 安装过的 node 的位置  .nvm/versions/node/ 下；

报错信息 "env: node: Bad CPU type in executable" 表示你的系统尝试运行了一个与当前 CPU 架构不兼容的 Node.js 二进制文件。这通常发生在以下情况：

  1. 错误的 Node.js 版本：你可能下载了一个与你的系统架构不匹配的 Node.js 版本。例如，你在 x86_64（64位）系统上尝试运行了一个为 ARM 架构编译的 Node.js。
  2. 损坏的 Node.js 安装：Node.js 二进制文件可能已损坏。
  3. NVM 配置问题：NVM 配置可能有问题，导致它尝试使用了一个错误的 Node.js 版本。

以下是一些解决步骤：

  1. 确认你的系统架构：首先，你需要确认你的系统是 32 位还是 64 位。在 macOS 或 Linux 上，你可以使用 arch 命令来检查：

    arch

  2. 重新安装 Node.js：使用 NVM 重新安装 Node.js。首先，卸载当前的 Node.js 版本：

    nvm uninstall 14.15.0

  3. 安装正确的 Node.js 版本：确保你安装的 Node.js 版本与你的系统架构兼容。你可以使用 nvm install node 来安装最新版本的 Node.js，或者指定一个与你的系统兼容的版本号。

  4. 使用 NVM 的 --lts 标志：这将确保你安装的是最新的长期支持（LTS）版本，这些版本通常更稳定：

    nvm install --lts

  5. 使用正确的 Node.js 版本：使用 nvm use 命令切换到正确的 Node.js 版本：

    nvm use 14.15.0

  6. 检查 Node.js 版本：使用 node -v 命令检查当前使用的 Node.js 版本。

  7. 重新尝试 npm install：在确认 Node.js 版本正确无误后，再次尝试运行 npm install。

  8. 检查 NVM 配置：如果你继续遇到问题，检查你的 .zshrc 或其他 shell 配置文件，确保 NVM 正确配置。

  9. 重新安装 NVM：如果问题依旧，考虑重新安装 NVM，并确保使用正确的安装脚本。

  10. 检查 npm 配置：有时候 npm 的配置也可能导致问题，运行 npm config list 检查配置是否有异常。

Oh My Zsh

不搭配oh-my-zsh的 iTerm 是没有灵魂的。oh-my-zsh 是一个令人愉快的开源社区框架，用于管理 Zsh 配置。它捆绑了数以千计的有用功能、助手、插件、主题和一些让你大呼过瘾的东西...

安装

bash
复制代码
sh -c "$(curl -fsSL https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh)"

语法高亮

语法高亮插件，让命令行更加易读易懂。

  • 安装
bash
复制代码
arch -arm64 brew install zsh-syntax-highlighting

修改主题： cd到用户目录之下

cd ~

在~/.zshrc

#找到这一行修改
ZSH_THEME="要修改的主题名称"

最后，执行 source ~/.zshrc 配置生效

source ~/.zshrc

更多

zsh-autosuggestions：

zsh-autosuggestions 是一个命令提示插件，当你输入命令时，会自动推测你可能需要输入的命令，按下右键可以快速采用建议。效果如下：

安装步骤： 把插件下载到本地的 ~/.oh-my-zsh/custom/plugins 目录：

git clone https://github.com/zsh-users/zsh-autosuggestions ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-autosuggestions

在 .zshrc 中，把 zsh-autosuggestions 加入插件列表：

plugins=(
    # other plugins...
    zsh-autosuggestions  # 插件之间使用空格隔开
)

zsh-syntax-highlighting

zsh-syntax-highlighting是一个命令语法校验插件，在输入命令的过程中，若指令不合法，则指令显示为红色，若指令合法就会显示为绿色。效果如下：


安装步骤： 把插件下载到本地的 ~/.oh-my-zsh/custom/plugins 目录:

git clone https://github.com/zsh-users/zsh-syntax-highlighting.git ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

在 .zshrc 中，把 zsh-autosuggestions 加入插件列表：

plugins=(
    # other plugins...
    zsh-autosuggestions
    zsh-syntax-highlighting
)

切换终端

chsh -s /bin/zsh

使用vscode打开文件夹

  1. 步骤 【⌘】+【空格】呼出搜索，输入「自动操作」：

【⌘】+【n】新建文稿，在【选取文稿类型】里选择【快速操作】：

在【实用工具】→【运行shell脚本】中填写以下信息：

shell脚本代码： for f in "@"doopen−a"VisualStudioCode""@" do open -a "Visual Studio Code" "f" done 1 2 3 4 代码含义为：对于传入的一个或多个参数依次使用Visual Studio Code打开 4. 【⌘】+【s】保存为「用 VSCode 打开」或者其他名字都可：

这样就配置完成了，可以在【访达】中选择一个或者多个文件 / 文件夹测试一下

  1. 效果 在文件 / 文件夹上【右击】→【快速操作】→【用 VSCode 打开】：
avatar
文章
阅读
粉丝