大前端(环境&软件)装机备忘录-效率篇

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

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

一、开发软件环境

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

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

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

下载链接： https://www.oracle.com/cn/java/technologies/javase/javase-jdk8-downloads.html

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

图1

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.3nvm use 10.16.3复制代码

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

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

node -vnpm -v

7.配置yarn

Facebook 贡献的 Javascript 包管理器。

适用在国内 络环境下适用

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

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

https://juejin.cn/post/6991733306073022471/

8.下载vscode

下载链接：

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

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

图2

https://juejin.cn/post/6991724076221857829

配置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.有道翻译~可以随时翻译英文文档

下载地址-自行百度