【解决方案】【干货】大前端开发环境配置MacBookpro M1-效率篇

前言

 📫 大家好，我是DX3906，致力于大前端优秀解决方案的普及，欢迎大家一起交流学习!

 🍅 个人主页：DX3906

目录

一、开发软件环境

1.配置oh-my-zsh

2.配置jdk

3.下载git

4.安装homebrew

5.配置nvm

6.安装node 环境

7.配置yarn

8.下载vscode 

9.服务器ftp工具FILEZILLA

10.下载androidstudio

11.配置android-sdk

12.配置adb

13.升级新的macos和xcode

14.安装jenkins 持续集成

二、办公娱乐软件

1.下载微信~当下最流行的交流工具

2.下载qq~80后的交流工具

3.下载chrome~大前端调试debug必备

4.配置搜狗输入法~符合国人的打字习惯

5.有道云笔记~随时总结记录

6.清理垃圾软件~提高电脑效率

7.网易云音乐~coding的时候没有音乐是不行的

8.有道翻译~可以随时翻译英文文档

---

       小伙伴们，大家好。我最近刚换了一台macpro m1pro重新安装了一遍前端开发环境。特此写了一份备忘录。分为办公软件 和 开发软件环境 2部分。望大家不吝指正，共同进步！！！

也希望大家把认为比较好玩且有助于提高开发效率的软件，写在评论区。共同造福人类！！！

一、开发软件环境

1.配置oh-my-zsh

        Oh My Zsh 是一个开源的、社区驱动的框架。Oh My Zsh 捆绑了插件，这些插件将使您作为软件开发人员的生活更轻松，并让您感觉自己像个超级英雄。

• 通过 curl 安装 oh-my-zsh

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

• 通过 wget 安装 oh-my-zsh

sh -c "$(wget https://raw.github.com/ohmyzsh/ohmyzsh/master/tools/install.sh -O -)"

其中经常使用到的是 git插件,对喜欢敲命令的小伙伴，是非常好的提高效率的工具：

命令gst ---->git status 查看当前文件状态 命令gba---->git branch -a 查看当前本地分支和远程分支 命令gco---->git checkout 实时切换本地分支

git 相关的简写命令

https://github.com/ohmyzsh/ohmyzsh/tree/master/plugins/git

react-native 相关的简写命令

https://github.com/ohmyzsh/ohmyzsh/tree/master/plugins/react-native

2.配置jdk

下载链接： www.oracle.com/cn/java/tec…

说明：在mac环境下，jdk不需要配置环境变量。下载dmg之后，点击下一步安装即可。可以在terminal中运行java -version 如果下图展示，则安装成功。

windows 平台，则需要配置JAVA_HOME 和path环境变量。在这里就不一一赘述。如需要，请在评论区留言。

3.下载git

下载链接git-scm.com/downloads

如果github访问不了或者下载包比较慢的话，可以参考以下文章。

https://zhuanlan.zhihu.com/p/107334179 
https://www.jianshu.com/p/b0ebdb399993

配置git代码权限

创建秘钥：ssh-keygen -t rsa -C "your.email@example.com" -b 4096 拷贝秘钥：pbcopy < ~/.ssh/id_rsa.pub 验证秘钥是否配置成功：ssh -T git@example.com

4.安装homebrew

brew 安装脚本

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

brew 卸载脚本

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

常用命令

brew install xxx

卸载软件：brew uninstall xxx

搜索软件：brew search xxx

更新软件：brew upgrade xxx

查看列表：brew list

更新brew：brew update

清理所有包的旧版本：brew cleanup

清理指定包的旧版本：brew cleanup $FORMULA

查看可清理的旧版本包，不执行实际操作：brew cleanup -n

5.配置nvm

为了解决node各种版本存在不兼容现象

nvm是让你在同一台机器上安装和切换不同版本的node的工具

安装：两种方式

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash
 
wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.0/install.sh | bash

此时nvm就被安装在了/.nvm下啦

命令：

nvm ls-remote：列出所有可以安装的node版本号 nvm install v10.4.0：安装指定版本号的node nvm use v10.3.0：切换node的版本，这个是全局的 nvm current：当前node版本 nvm ls：列出所有已经安装的node版本

6.安装node 环境

一种是使用nvm来安装

nvm install v10.16.3 
nvm use 10.16.3

另一种是在node官网下载安装包：nodejs.cn/

使用以下命令来检查是否安装成功

node -v 
npm -v

7.配置yarn

Facebook 贡献的 Javascript 包管理器。

适用在国内网络环境下适用

安装命令：curl -o- -L https://yarnpkg.com/install.sh | bash

关于yarn的命令，可以参考以下链接：

juejin.cn/post/699173…

8.下载vscode 

 下载链接：

https://az764295.vo.msecnd.net/stable/c3f126316369cd610563c75b1b1725e0679adfb3/VSCode-darwin-universal.zip

下载慢的问题可以参考下面链接

juejin.cn/post/699172…

配置vscode的termial默认展示zsh

9.服务器ftp工具FILEZILLA

下载链接：https://www.filezilla.cn/download/client

10.下载androidstudio

下载链接：https://developer.android.google.cn/studio/ 下载链接：https://www.androiddevtools.cn/

11.配置android-sdk

        在安装androidStudio之后。打开已存在的android工程。软件会自动引导你安装所需要版本的Sdk

也可以通过以下链接下载：

下载链接：https://www.androiddevtools.cn/

12.配置adb

        在终端中输入 sudo vim ~/.bash_profile ,打开 .bash_profile文件。按 i 进入输入模式，在文件内容的末尾加入以下内容：

export PATH=${PATH}:/Users/xxx/Library/Android/sdk/platform-tools 

export PATH=${PATH}:/Users/xxx/Library/Android/sdk/tools

        这里面的xxx根据自己实际的用户名称进行修改

　　然后点击 esc ，输入 :wq 回车（保存并退出文本）。

　　添加完成后输入： source ~/.bash_profile 应用该变更。

        测试 输入：adb devices

List of devices attached * daemon not running. starting it now at tcp:5037 * * daemon started successfully *

到这里说明android adb命令已经可以正常使用了。

13.升级新的macos和xcode

        自21年 4 月 26 日起，所有新提交的 iOS/iPadOS App 都必须使用 Xcode 12 和 iOS 14 SDK 构建，iOS 14 SDK 拥有 App Clips(小程序)、主屏幕小部件、ARKit、RealityKit 等新功能。

        所以如果你的mac电脑中的xcode版本小于12则需要升级版本。同时要升级macos版本。

我现在使用的版本是：

macos--->11.5.1 xcode---> 12.5.1

14.安装jenkins 持续集成

下载链接：jenkins.io/

关于android和ios的持续集成打包 教程。我会在接下来的一段时间，进行总结分享给大家。敬请期待！

二、办公娱乐软件

1.下载微信~当下最流行的交流工具

下载地址-自行搜索

2.下载qq~80后的交流工具

下载地址-自行搜索

3.下载chrome~大前端调试debug必备

下载地址-自行搜索

4.配置搜狗输入法~符合国人的打字习惯

下载地址-自行搜索

5.有道云笔记~随时总结记录

下载地址-自行搜索

6.清理垃圾软件~提高电脑效率

下载地址-自行搜索

7.网易云音乐~coding的时候没有音乐是不行的

下载地址-自行搜索

8.有道翻译~可以随时翻译英文文档

下载地址-自行搜索

结语

🔥如果此文对你有帮助的话，欢迎💗关注、👍点赞、⭐收藏、✍️评论，支持一下博主~