前言

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入门使用及前端环境的搭建，希望对大家有帮助。

MacbookPro安装前端开发环境的爬坑之旅相关推荐

Win10安装silverlight5开发环境，以及坑
写在开头的话最近因为一个项目使用silverlight5开发的, 这之前偶尔好像听说过silverlight,但是一直以为是微软的源码管理工具呢,汗- 经过几天了解才知道是微软自己的富客户端开发语言 ...
python安装环境傻瓜式安装_前后端分离——前端开发环境傻瓜式一步到位 nodejs ruby python nginx 安装搭建配置...
前端开发环境一步到位一.准备工作 nodejs安装安装:next->next.... Ruby安装安装:next->next.... 需要配置到path:将安装目录复制到环境变量中, ...
【前端开发环境安装、配置、项目搭建全教程】
前端开发环境安装.配置.项目搭建全教程 1.Node环境安装简单的说 Node.js 就是运行在服务端的 JavaScrip,基于 Chrome JavaScript 运行时建立的一个平台,Node ...
metabase前端开发环境构建（win10）
windows10:metabase的编译需要用linux或者苹果系统,windows10里面有子系统可以装linux系统,我们利用这一点来构建前端开发环境. 会用linux简单指令 :主要就是切换目 ...
在docker的Linux容器搭建前端开发环境
随着开发的深入,前端开发已经不局限于简单的本地开发坏境的搭建与调试.运维方面,目前的服务器使用的基本上都是linux系统,了解下Linux系统原理与一些常用的配置和指令,对我们的开发和部署以及排除线上 ...
【转载】python3安装scrapy之windows32位爬坑
python3安装scrapy之windows32位爬坑原创 2016年11月06日 01:38:08 标签: scrapy / windows / python / 开源框架 / 网络爬虫早就听 ...
使用Grunt搭建自动化的web前端开发环境-完整教程
jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学.不用! AD: jQuery在使用grunt,bootstrap在使用grunt, ...
React Native微信支付开发爬坑之旅
早闻微信支付一直为移动开发者所诟病,这次公司项目新增微信支付需求,一试果然是一把辛酸泪,从配置到与后台调试真是一波三折,整整花了一天的时间才从坑里爬出来,效率也是低.所以有必要做下总结,日后再有微信支 ...
dashboard windows 前端开发环境搭建
dashboard是kubernetes的云管平台UI界面,正常情况下,其是在linux下开发的,但是,有些特殊情况下,我们也可能希望在windows上搭建起dashboard的开发环境这里我们将搭 ...

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

文章目录

前言