一个前端程序员的开发环境配置指南

404 阅读2分钟

前言

相信大家换工作后都会拿到一个格式化过的电脑,每次拿到新电脑后都要搜索各种配置教程,回忆安装各种使用过的插件会比较痛苦。因此针对这个问题我总结了一些自己的开发中常用的软件和相关配置,希望能给各位帅哥靓女节省一些宝贵的时间。

mac环境配置

下载常用软件工具

  1. vscode 编辑器
  2. Alfred 本地软件查询/剪贴板历史
  3. Typora markdown 编辑器
  4. Snipaste 截屏工具
  5. 常用 chrome 插件

mac终端配置

1. 安装 iterm2

iterm2是一款比原生Mac Terminal 更好用的bash工具,下载地址:iterm2.com/

2. 安装 brew

The missing package manager for macOS (or Linux)

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

3. 安装 oh my zsh

Oh My Zsh is a delightful, open source, community-driven framework for managing your Zsh configuration. It comes bundled with thousands of helpful functions, helpers, plugins, themes, and a few things that make you shout…

利用 oh my zsh 我们可以轻松管理 zsh 的配置,还可以自定义主题/字体,下载 oh my zsh:

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

关于 zsh 的个人化配置可以参考 github.com/antfu/dotfi…,有一些特别好用的alias, 主题也比较好看。我自己的配置是这样的:.zshrc, 现在的模样:

PS: .zshrc文件里附有每个主题的下载命令,没有安装git的需要先参考下面的步骤安装git!

image.png

配置前端开发环境

安装git

brew install git

配置 git 用户信息:

git config --global user.name pakerhsu
git config --global user.email xxxx@gmail.com

配置 git 远程服务器 ssh 相关信息:

  1. 先检查是否本地是否已生成 ssh 文件:
ls -al ~/.ssh

2. 没有.ssh目录则生成新的 ssh 文件:

ssh-keygen -t ed25519 -C "your_email@example.com"

id_rsa.pub 文件的内容作为鉴权信息放到git服务器上就能连接远程git的了。

安装node & pnpm

brew install node
npm install -g pnpm

安装 nvm

平时碰到很多奇怪的问题许多都是node版本导致的,可以使用nvm来方便的管理node版本 github.com/nvm-sh/nvm/…

vscode 配置

参考 antfu 大神的配置做了份自己的,按需copy: github.com/parkerhsu/u…,里面包含vscode的主题/字体/插件等相关的配置:

image.png

安装whistle

好用的网络代理工具 wproxy.org/whistle/ins…

参考链接

  1. 工具 - 打造 Mac “完美”终端(Terminal),一篇就够了
  2. github.com/antfu/use
  3. github.com/antfu/vscod…
  4. github.com/antfu/dotfi…