macOs前端环境配置 及 mac基础操作

一、工作学习软件安装

飞书，微信，TIM，有道云笔记，阿里云盘，百度网盘，Adobe XD，腾讯会议，谷歌浏览器，clashX，toDesk，柠檬清理等。

在App Store中购买安装，或者在官网下载安装。

二、vscode

安装开发编辑器 官网：https://code.visualstudio.com/

下载常用vscode插件：

• 别名路径跳转
• Auto Rename Tag
• CSS Peek
• Git Graph
• Github Copilot
• GitLens
• LIve Serve
• open in browser
• Prettier - Code formatter
• Vue - official

三、homebrew，nvm，node，npm，pnpm

mac系统

0.卸载nodejs

1.安装homebrew

是一个开源的包管理器，管理软件包。官网：brew.idayer.com

复制命令行，到mac终端粘贴运行，

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

然后执行下面命令看是否安装成功。

brew -v

2.安装nvm

brew install nvm

在home目录中为nvm创建一个文件夹

mkdir ～/.nvm

配置环境变量

vim ～/.bash_profile

在配置文件里写两行代码

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

按esc退出编辑，按冒号 :wq 回车保存。

运行下面命令，把变量加到shell环境变量里

source ~/.bash_profile

看一下nvm版本

nvm -v

查看哪些nvm可用

nvm ls-remote

安装node@16.14.0

nvm install 16.14.0

查看安装了哪些版本

nvm ls

切换node版本

nvm use 18.16.0

查看node版本

node -v

可以安装pnpm，cnpm，yarn

npm install pnpm -g

 

如果命令行关闭有问题，可以运行

#vim ～/.zshrc ，最下面添加
source ～/.bash_profile

四、git

官网下载git ：https://git-scm.com/

终端输入命令：

git -v

windows系统安装完git后会自动安装git bash，鼠标右键 ：git gui here；git bash here

Git的使用方式：

1.命令行

2.图形化界面（GUI）

3.IDE插件/扩展

vscode默认集成了源码管理器。

 

git 所有的命令都是以git开头。

1.配置git的用户名和邮箱

git config --global user.name "wang shasha"
省略（local）：本地配置，只对本地仓库有效
--global：全局配置，对所有仓库生效
--system：系统配置，对所有用户生效

git config --global user.email abc@gmail.com

保存用户名和密码，就不用每次都输入了。

git config --global credential.helper store

查看信息

git config --global --list

配置完成后就可以使用git来管理代码了。

五、克隆项目到本地文件

cd 拖动文件到终端，git clone 地址

使用了图形化界面管理git：Sourcetree

 

六、Mac基础操作

Mac主界面可以分为三个部分：最上面的菜单栏，中间的桌面，下方的dock栏（程序坞）。

菜单栏又分为左，右两个部分。左边是软件的功能键区，右边是状态栏和控制中心。

左上角默认显示的是访达的功能键（Finder）。除了最左边的苹果标，其他的会随着你打开的软件而变化。

 

功能键区

最左边常驻的苹果标🍎，有三个作用：

1.查看本机信息

2.关机，重启

3.强制退出应用

点击关于本机会显示：电脑型号 MacBook Air，芯片：M2，内存：16GB，序列号，macOS系统版本。更多信息。。。

点击苹果标🍎，按下option键不松手，“关于本机”就会变成“系统信息”，在硬件里可以查看电池的循环次数和最大容量。

如果软件卡死，点击苹果标🍎，点击强制退出，选择卡死的软件点强制退出。

如果系统卡死，鼠标都动不了，可以长按电源键8秒左右强制关机，再合盖开盖重新开启就可以了。电源键也可以单击锁屏，按指纹突出的部分。

 

状态栏和控制中心

主界面右上角的是状态栏，类似于iphone右上角下拉的控制中心，可以在设置 - 控制中心，把你想要的功能显示在状态栏上。建议把 “台前调度” 加上，这是2022年底Mac新加入的功能。

按住command + 单击按下触控板 可以拖动图标，按住command键 把图标拖到桌面就可以移除。

 

dock栏（程序坞）

主界面底部是dock栏，类似于平板底部。默认常驻的｜开启的软件｜废纸篓。

 

触控板两个手指同时按下就是右键👉。

在竖线附近，右键点击，选择”启用隐藏“，就会将dock栏隐藏掉，当鼠标移动到最下面的时候才会重新出来。这里右键还可以设置dock栏的位置，默认是底部。也可以点击 “关闭放大”，关闭移入放大效果。

 

dock栏最左边的是访达（Finder），类似于windows的文件资源管理器；第二个是启动台，可以从这里把常用的软件拖入dock栏，把软件往桌面上拖可以移除。

 

窗口、桌面

打开任意软件，左上角有红黄绿三个小图标，分别是【关闭】、【最小化】和【全屏】。点击关闭并不会退出软件，而是在后台运行，在dock栏中如果软件图标下有小白点，说明软件还在运行，可以在软件图标上点击右键选择退出，或者在软件界面按快捷键 command+Q 关闭软件。

 

Mac上大部分文件都可以按 空格键 直接预览。如 图片，视频，音频，word，excel，pdf等。

 

如果用iphone且和mac登陆同一个Apple ID，在桌面上点右键，在最下方有一个【从iphone导入】：拍照、扫描文稿、添加速绘

1.点击【拍照】可以直接调用iphone的拍照功能，拍照完成后点使用照片，照片就会同步到mac的桌面上；

2.点击【扫描文件】也会自动调用iphone的摄像头，会自动扫描文件并生产pdf文件导入到mac桌面上，空格预览后就可以直接复制上面的内容；

3.点击【添加速绘】会自动打开iphone的备忘录，随手写画后点完成就可以在桌面上导入一张刚才手绘的png图片。

 

日常使用会启动很多软件，会比较杂乱且挡住桌面，如果想回到桌面，在新系统中，可以把鼠标移动到有桌面露出的部分单击一下，所有软件就会往四面八方迅速隐藏，再在桌面任意位置点一下就会回到之前的样子，非常方便。

 

软件安装及卸载

在Mac上安装软件主要有三种方式：

1.和iphone类似，打开启动台找到App Store，搜索安装就可以了。

2.打开浏览器找到其官网，找到下载地址选择mac版本，下载完成打开访达，在【下载】目录下找到刚下载好软件的后缀为 dmg 的文件，双击打开，把左边的文件拖到右边的文件夹里它就会自动安装。软件安装完成后一般会在桌面多出来一个盘符，点击右键选择【推出】⏏️ 就可以了。

3.通过移动硬盘安装。把移动硬盘连接电脑，把软件安装包拖到电脑桌面上，同样找到 dmg 文件，双击打开，把软件拖到右边的应用程序文件夹，完成后【推出】⏏️ 桌面上的磁盘就可以了。

如果是其他渠道，下载的奇怪的七七八八的软件，很可能遇到无法安装的时候。这个时候需要点开【设置】，在【隐私与安全性】页面里往下滑，在【安全性】中【允许从以下位置下载的应用程序】中勾选 任何来源 （ sudo spctl --master-disable ）

sudo spctl --master-disable
输入开机密码，注意不是apple id的密码。
关闭终端，重新开启
sudo xattr -r -d com.apple.quarantine空格 软件安装包拖进来

 

卸载：

1.打开启动台，按住option键不放，或者在任意软件上长按2秒。如果是从app store下载的软件，左上角会有一个小叉叉，直接点击就能卸载。

2.没有小叉叉的话，除了mac自带的不能卸载的软件，其他的一般都是从第三方下载的，在启动台这里无法卸载。可以打开访达，在【应用程序】里找到要卸载的应用，点击右键移到废纸篓，但这样卸载的话会有一些文件残留，比如缓存文件、日志文件等。建议下载一个卸载软件的软件，用浏览器下载一个柠檬清理：https://lemon.qq.com，一定要去浏览器官网下，app store里的功能不全，点击柠檬清理点右下角的田，有一个【应用卸载】，点击卸载详情，点确认删除就可以了。

 

触控板

mac触控板可能是所有笔记本里最好用的，几乎所有的软件都能抛弃鼠标只用触控板操作。

可以设置一下：

打开【设置】，在下面找到【触控板】，把【轻点来点按】打开，mac这里是默认关闭的，每次点击要按下去（震动反馈），这个点开非常省力；

再把【查询与数据检测器】这里改成【三指轻点】，选中一个单词，然后三指轻点就可以直接翻译，也可以把中文翻译成英文。轻点文件夹可以查看文件的大小。safari浏览器的网页也可以不打开，直接三指轻点预览。 

滚动缩放这里的选项全部打开。

更多手势这里也全部打开。

 

三指拖移：

【设置】- 【辅助功能】-【指针控制】- 【触控板选项】-【使用触控板进行拖移】选中 - 【拖移样式】三指拖移

三指拖移，三指框选，三指选中文字。

 

两根手指从触控板右边手托的位置向触控板里面滑动，可以打开通知和小组件。

四个指头向上推，可以显示你打开的所有软件。

mac上软件全屏等于新建一个桌面，四个指头左右滑动就可以在桌面之间快速切换。

四根手指向中心捏合，可以快速打开启动台，反过来四根手指张开可以回到之前的位置。

 

如果用的非苹果官方的鼠标，会发现滚轮是反着的。可以在【设置】-【触控板】-【滚动缩放】-【自然滚动】取消勾选，鼠标的滚动方向就正过来了，但是这个时候，触控板就反过来了。妙控鼠标 549一个。哈哈哈哈哈～自适应（用着，用着就习惯了）

如果实在适应不了，下载一个第三方软件，better and better 【普通鼠标】- 【滚轮垂直方向反转】勾选上。

 

快捷键

多如牛毛

最常用的：

Command+Q 关闭当前程序

Command+A 全选

Command+C 复制（拷贝）

Command+V 粘贴

Command+X 剪切

Command+Z 撤销

Command+N 新建访达窗口

Command+Shift+5 截图和录片

 

在mac上点击右键，除了【拷贝】还有【复制】，复制类似于克隆，会在旁边创建一个一模一样的文件，快捷键是 Command+D。

拷贝是需要在别的地方粘贴的。mac拷贝 = win复制

 

文件 Command+Z 不行，文本可以。

如果要剪切文件，需要先Command+C拷贝，再去要粘贴的地方按 Option+Command+V 粘贴。所以要剪切文件的话最好打开两个窗口直接拖。

 

点开访达默认值打开一个窗口，需要在两个文件夹之间倒腾文件的时候，就需要新建一个访达窗口。

在当前窗口内新建一个访达页面：Command+T 

直接新建一个访达窗口：Command+N

 

分屏

有两种方法：

1.把要分屏的软件都在同一个桌面打开，且不让它们全屏，选其中一个软件窗口把鼠标指针移动到左上角绿色的全屏按钮上停住，选择【把窗口拼贴到左侧】或者【把窗口拼贴到右侧】，也可以选中软件后点击最上方菜单栏的【窗口】-【把窗口拼贴到一侧】，然后再点击旁边你需要分屏的另一个程序。

2.把需要分屏的软件全部全屏，然后四根手指在触控板上从下往上划，把你需要分屏的两个软件拖到一起，如果拖不到一起说明某个软件没有点全屏。
要退出分屏，直接点键盘左上角的【esc】键，有时不起作用，因为分屏的软件中【esc】键属于功能键，这个时候点一下旁边的软件再点【esc】就可以了，如果两边都不行，就把鼠标移动到任意一个软件左上角退出全屏就可以了。

 

访达

访达类似于windows的文件资源管理器。

访达窗口由三部分组成：最左边的【边栏】，最上方的【工具栏】和最大面积的【窗口】。

点最上面的访达，打开设置：

把【通用】这里的【外置磁盘】和【CD、DVD和ios设备】勾选上，这样在外接硬盘连接mac的时候，桌面上就会显示盘符，可以直接打开。把【开启新访达窗口时打开】设置为文稿。

把【边栏】这里的【外置磁盘】和【CD、DVD和ios设备】勾选上。外接的时候访达这里才会有显示。然后把【最近使用】、【隔空投送】、【应用程序】、【文稿】、【下载】、【影片】、【音乐】、【图片】等勾选上，后续就可以把文件按类型放在对应的文件夹。

 

工具栏也是可以自定义的。鼠标放在工具栏上点右键，点击【自定义工具栏】，建议把【隔空投送】、【显示简介】、【删除】拖上来。

工具栏最右边有个搜索，可以在这里输入文件名快速搜索，也可以在任意界面用快捷键command+空格打开聚焦搜索框搜素。

 

文件加密

打开启动台，在【其他】文件夹里找到【磁盘工具】，在左上角的菜单栏点【文件】，在【新建映像】这里选择【基于文件夹新建映像】，找到要加密的文件夹，选择点击【选取】，【加密】这里选择【128位AES加密】，在弹出的框框里输入密码（默认为12位长度密码，包含数字和字母），点击钥匙🔑图标，把长度拉满这样就需要31位数的密码才能打开。输入密码后点【选取】，把【映像格式】改为【读/写】，点击【存储】，加密成功后点击【完成】后就可以了。

打开访达，加密后的文件旁边会多出一个同名的 dmg 文件，直接把原文件删除，以后访问就必须打开这个 dmg 文件，打开需要输入刚设置好的密码，输完会在桌面生成一个磁盘，双击打开就可以访问了。用完之后右键【推出磁盘】。

 

标签

推荐两种用法：

1.当重点文件夹用，类似于iphone相册的个人收藏，把你认为重要的文件打上红色标签，具体操作是 右键 - 添加红色。也可以把标签重命名。

2.新建一个项目，作为临时中转站。比如给绿色重命名为“mac视频教程”，然后给所有用到的文件打上绿色标签，这样剪辑的时候只用打开访达，打开绿色标签就可以找到所有要用到的素材。

 

截图和录频

截图：

shift+command+3：全屏截图

shift+command+4:  自由截图

shift+command+4+空格：窗口截图：快速选择打开的任何窗口进行截图。

shift+command+5: 截图，录频总菜单。【选项】这里可以设置截图和录频的保存的位置。

全屏截图，窗口截图，自由截图。全屏录制，区域录制。

录频的话在【选项】这里设置麦克风：

无：录频出来只有画面没有声音

macbook air麦克风：录制电脑麦克风录制的声音，环境音和自己说话的声音录进去。

【设置】-【声音】-【输出】-【omi recoder】，只录制电脑声音的高音质视频。

 

台前调度

台前调度是苹果2022年10月才加入的新功能，【设置】-【桌面与程序坞】中打开，可以把最近使用的几个软件常驻在屏幕左边且同时运行。

 

触发角

【设置】-【桌面与程序坞】-【触发角】，可以在屏幕的上下左右四个角设置一些常用功能

 

u盘不能用：

u盘或者移动硬盘用不了也是mac上一个常见的问题，比如插入mac没反应，只能读取不能写入等等。这种一般都是硬盘格式问题，比如常见的NTFS格式，通用于所有windows电脑、打印店、上古电脑。但在mac上用不了。

解决方式也很简单mac上有很多可以读写NTFS的硬盘的第三方软件。

免费的方法是：格式化。先把文件拷贝到mac上备份，因为格式化后数据就没了。备份好后，把硬盘插回mac，在【启动台】找到【其他】-【磁盘工具】，外置下面的就是你的硬盘，选中它，点抹掉，选择【ExFAT】格式，点抹掉。完成后硬盘就既可以在mac上读写，又能在windows上读写了。

分区格式化：把硬盘分成两个区：苹果自家的APFS格式，和通用的ExFAT格式。

 

出咸鱼教程：

1.拍摄每个面的照片，有磕碰和划痕也拍一下，在商品描述里写清楚。

2.参考同类产品给出合适的价格，发布后有人私信你，点开主页找芝麻信用优秀或者极好的个人买家，因为商家和职业买家一般刀的比较狠。

3.发货的时候一定要录一个完整的视频，主要拍一下每个面的成色，还可以留一个视频在桌面上，打开屏幕测试一下基本功能，比如空格键播放证明你扬声器没问题；新建一个文件夹，拖着屏幕四周绕一圈证明你屏幕和触控没问题；再打开一张纯白的图片证明你的屏幕没有坏点。

4.测试完成后装箱交给快递小哥后再停止录像，万一出现什么问题就可以拿这个录像当证据来维权。