MacbookPro安装前端开发环境的爬坑之旅

---

前言

2021年1月26日，一个前端开发小菜鸟拿到人生第一台MacbookPro的爬坑之路

---

一、MacbookPro的系统认知

一、分享一下Mac认识的心路历程
1.心路历程：心心念念的Mac拿到手，我去，我发觉完全不会用，这是啥系统，怎么找文件，怎么下载东西，完全不会。明明是个大宝箱，却打不开，无法领略其中的美好，略有沮丧。
2.认识Mac OS：打起精神，以满满的求知欲，去探索Mac系统的美妙，打开了奇妙无比的大门。
3.装好前端开发环境：把武器打磨好，可以愉快开发了，Mac真香！
二、具体操作步骤：
1.去B站先刷视频：基本认识Mac,体会与windows的区别，慢慢熟悉你的Mac，和她建立感情。熟悉她的每个操作，偏好设置。我先上链接为敬。
2.学会下载APP：怎么下载安装APP，怎么删除APP，文件的位置要搞明白。

二、强大的触控板（16种姿势带你飞）

1.熟悉触控板

熟悉了触控板，学会16种姿势，Mac任你摆弄，她都不会反抗。接下来咱们扔掉鼠标，开始学会动动手指的骚操作。只要有加藤鹰的金手指，还有什么搞不定的事情！

废话不多说，一个小视频带你了解16种手势。

https://www.bilibili.com/video/BV1is411w7Lv/?spm_id_from=333.788.b_7265636f5f6c697374.5

2.熟悉怎样下载APP

下载APP，看完这个视频集合就会了

视频链接：

https://www.bilibili.com/video/BV1gJ411x75y?from=search&seid=682932305274251547

我比较推荐这两个人的视频，休康的Mac云课堂以及黄杨ME两位UP主的视频，真是良心之作。

3.开始前端环境的搭建

前面BB一大堆，就为了后面的干货，如果你看到了现在，说明之前的操作已经是比较熟悉了，那就开始安装环境之旅！

01.开启任何来源安装软件
首先终端输入：
sudo spctl --master-disable
命令来开启任何来源。如果不开启这个会导致很多软件安装不了。
安装Mac软件的网站：
https://xclient.info
https://www.macbl.com/
https://www.macdown.com/
https://en.softonic.com
https://filehippo.com/zh/mac/
02.vscode：
直接搜索官网下载即可.传送门：
https://code.visualstudio.com/
03.Homebrew：
Homebrew是干嘛的
首先是Homebrew，按我的理解就是类似npm，npm是包管理工具，用来管理各种依赖包，而Homebrew是软件包管理工具。
可以在Mac中方便的安装软件或者卸载软件，如git、wget、zsh等
sudo ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
以下是常用的命令：
brew search 软件名，如brew search wget //搜索软件
brew install 软件名，如brew install wget//安装软件
brew remove 软件名，如brew remove wget//卸载软件
eg: brew install zsh
04.zsh：
brew install zsh
05.npm
brew install npm -g
06.git
brew install git
07.webpack
npm install webpack -g
08.wget
brew install wget -g
09.谷歌浏览器
直接下载即可。传送门：
https://www.google.cn/chrome/
谷歌插件商店（安装油猴，VueTool等等）：
https://chrome.zzzmh.cn/
10.安装nrm,nrm可以管理镜像源，真是很方便，安利一下
安装：
npm install nrm -g --save
查看镜像源
nrm ls
切换镜像源
nrm use taobao

11.安装oh-my-zsh
使用 crul 安装：

sh -c "$(curl -fsSL https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

或者使用wget安装

sh -c ``"$(wget https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh -O -)"

以上基本是所有的前端环境。当然还有一些很好的配置，iterm2代替终端等等，oh-my-zsh也有很棒的配置，可以提高开发效率。这些待我后续写文章再说吧。
PS：当然我技术浅薄，有不对的地方，大佬们及时指正，谢谢大家阅读！

---

总结

以上就是全部内容，本文仅仅简单介绍了Mac入门使用及前端环境的搭建，希望对大家有帮助。