likes
comments
collection
share

【建议收藏&干货】大前端(环境&软件)装机备忘录-效率篇

作者站长头像
站长
· 阅读数 3

        在步入正文之前,我们要为中国奥运健儿加油!!你们的奥运精神,永远在激励这我们奋发自强!!

        小伙伴们,大家好。我最近刚换了一台macpro 重新安装了一遍前端开发环境。特此写了一份备忘录。分为办公软件 和 开发软件环境 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

8.下载vscode 

 下载链接:

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

【建议收藏&干货】大前端(环境&软件)装机备忘录-效率篇

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

下载地址-自行百度