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

2023-11-09


前言

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入门使用及前端环境的搭建,希望对大家有帮助。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

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

随机推荐

  • Spring Framework的设计哲学(Bing翻译)

    3 Design Philosophy When you learn about a framework it s important to know not only what it does but what principles it
  • 全网最强下载神器IDM使用教程:如何利用IDM加速下载百度网盘大文件

    作者 okay 自从不限速度盘下载工具Pandownload被封杀后 有些网友纷纷表示 幸好我们还有IDM 但是 对于很多小伙伴来说 初次听到这个名词时都是一脸懵逼 啥是IDM 今天 扩展迷就专门针对IDM这款工具做一个科普和使用说明 01
  • 高可用架构,期刊下载

    掌阅 http t cn Rqs8cr5图灵社区 http t cn R5v6o7Z 手机扫一扫 欢迎关注公众号 关注程序员成长
  • php文件管理

  • 生成spwm_详解SPWM与SVPWM的原理、算法以及两者的区别

    欢迎加入技术交流QQ群 2000人 电力电子技术与新能源 905724684 高可靠新能源行业顶尖自媒体 在这里有电力电子 新能源干货 行业发展趋势分析 最新产品介绍 众多技术达人与您分享经验 欢迎关注我们 搜索微信公众号 电力电子技术与新
  • SpringBoot的数据校验(@Validated注解)、关于validation无法导入的问题解决、自定义校验注解

    一 SpringBoot的数据校验 Validated注解 关于validation无法导入的问题解决 在springboot中 Validated可对后台接收model进行数据校验 不符合则抛出异常 导入依赖
  • 动态规划--矩阵最小的路径和

    题目描述 给定一个 N M 的矩阵arr 从左上角开始每次只能向下或者向右走 最后到达右下角 路径上所有点的数字和为 路径和 求最小的路径和 典型的动态规划 状态方程为 dp i j getMin dp i 1 j dp i j 1 arr
  • Origin作图技巧

    Origin is a proprietary computer program for interactive scientific graphing and data analysis It is produced by OriginL
  • 关于uniapp css背景图不能用本地文件的解决办法

    参考 http ask dcloud net cn question 62417 uni app解决无法加载本地图片的方法 动态加载背景图片 唯一的解决办法 特别注意 千万别忘记了 url indexBackgroundImage
  • Java 异常错误 (Ljava/lang/String;)L java/lang/String;

    异常问题如下 起初xml中返回值类型是这样子 一直在找返回值类型的问题 怎么看都是没有问题的 又改为如下 结果还是不对 查询资料反反复复还是出现这个异常 突然一下想到会不会是有重复id名字的sql 我用的是idea 直接全局查询 确实查到了
  • 仿一个wp7中PhotoChooserTask指定宽高后的图片裁剪窗口

    先看看PhotoChooserTask的图片裁剪窗口有哪些特点 1 窗口主体 整个图片最大可能存在的区域 宽480高720 无SystemTray 高32 有Appbar 高72 不支持横竖屏切换 只有竖屏模式 2 取景窗边框宽度1像素 边
  • vscode使用Remote-SSH插件无法连接远程LINUX服务器【解决】

    报错 Could not fetch remote environment Unable to write to Folder Settings because no resource is provided Failed to conne
  • Vue 3 技术揭秘

    作者介绍 muwoo 前端技术专家 曾就职于蚂蚁集团 之前对 Vue 2 x 源码有过深层次的研究和探索 并在 Github 上开源了相关的技术文章 Vue 2 x 技术揭秘 目前已有超过 2k star 自 Vue 3 诞生以来 就一直关
  • Flutter json_serializable

    1 添加项目依赖 dev dependencies flutter test sdk flutter build runner 1 1 3 json serializable 3 2 0 2 创建实体类 可以使用json serializa
  • libxml2 c库使用

    libxml2库 1 读取一个文件到内存 xmlParseFile和xmlReadFile xmlReadFile is a bit more powerful as it is able to take an URL instead of
  • element-plus中的ElMessage消息提示 执行了但是没有弹出提示

    报错原因及解决 引入了element plus 并没有引入css文件 所以导致了样式的缺失 只需要在main js文件中添加如下语句即可 import element plus dist index css 如果还是没有效果记得重启一下项目
  • 黑客学习笔记(自学)

    一 首先 什么是黑客 黑客泛指IT技术主攻渗透窃取攻击技术的电脑高手 现阶段黑客所需要掌握的远远不止这些 二 为什么要学习黑客技术 其实 网络信息空间安全已经成为海陆空之外的第四大战场 除了国与国之间的博弈 国内企业与企业间也有显著的明争暗
  • 如何快速准备大厂秋招面试中的算法

    如何快速准备大厂秋招面试中的算法 数据结构 1 栈 1 1 栈的概述 1 2 栈的常规操作 1 3 用js封装栈 1 4 栈的应用 2 队列 2 1 队列的概述 2 2 队列的常规操作 2 3 用js封装队列 2 4 队列的应用 3 链表
  • FreeRTOS学习笔记6(任务通知)

    1 任务通知函数及其知识点的介绍 下面是任务通知得一些特点 1 我们使用队列 信号量 事件组等等方法时 并不知道对方是谁 使用任务通知时 可以明确指定 通 知哪个任务 2 使用任务通知时 任务结构体TCB中就包含了内部对象 可以直接接收别人
  • MacbookPro安装前端开发环境的爬坑之旅

    文章目录 前言 一 MacbookPro的系统认知 二 强大的触控板 16种姿势带你飞 1 熟悉触控板 2 熟悉怎样下载APP 3 开始前端环境的搭建 总结 前言 2021年1月26日 一个前端开发小菜鸟拿到人生第一台MacbookPro的