课前准备

Windows

Visual Studio Code

1. 安装

前往 https://code.visualstudio.com/

点击 Download for Windows

安装后需要重启电脑

PowerShell

1. 下载

前往 https://github.com/PowerShell/PowerShell

下拉，找到下载表格

点击 Windows (x64) 和 Downloads (stable) 对应的 .msi 连接

2. 安装

下载后一路安装

之后通过 windows 搜索可以找到 PowerShell 程序就是安装好了

Mac

Visual Studio Code

1. 安装

前往 https://code.visualstudio.com/

点击 Download for Mac

2. 配置

打开 Visual Studio Code

按 ⌘ command + ⇧ shift + P

然后输入 shell

看到

之后点击 Install 'code' command in PATH

Zsh 指令集

1. 安装

打开 Mac 的 Terminal 终端程序

在打开的界面内输入

sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

按回车

等待程序执行完毕

2. 配置

在终端中输入

code ~/.zshrc

找到有 ZSH_THEME= 的那一行

替换为

ZSH_THEME="agnoster"

找到有

plugins=(
  git
)

的部分，替换为

plugins=(
  git
  dotenv
  osx
)

滚到文件最下方添加下面这行代码

source ~/.bash_profile

按 ⌘ command + S 保存

Powerline Fonts

1. 安装

打开 Mac 的 Terminal 终端程序

在打开的界面内输入

# clone
git clone https://github.com/powerline/fonts.git --depth=1
# install
cd fonts
./install.sh
# clean-up a bit
cd ..
rm -rf fonts

等待程序执行完毕

Hyper

1. 下载

前往 https://hyper.is/

点击 Download Hyper for macOS

2. 安装

双击解压下载后的 zip

看到

拖拽上面的这个图标到左侧 Applications 的选项里

3. 配置

打开 Hyper 程序

系统菜单上选择 Hyper > Preferences

应该会有一个叫 hyper.js 的文件弹出在 vscode 的软件中。

将下面的代码复制粘贴覆盖到文件里的对应区域

fontSize: 12,
fontFamily: '"Meslo LG M for Powerline"',
fontWeight: "normal",
fontWeightBold: "normal",
cursorColor: "#000000",
cursorAccentColor: "#000",
cursorShape: "BLOCK",
cursorBlink: true,
foregroundColor: "#d5d5d5",
backgroundColor: "#3b3b3b",
selectionColor: "#63636300",
borderColor: "#000",
css: "",
termCSS: "",
showHamburgerMenu: "",
showWindowControls: "left",
padding: "10px",
colors: {
    black: "#000000",
    red: "#f68d8c",
    green: "#a7d3a9",
    yellow: "#ffd478",
    blue: "#77aad5",
    magenta: "#d6acd5",
    cyan: "#75d4d5",
    white: "#fefefe",
    lightBlack: "#000000",
    lightRed: "#f68d8c",
    lightGreen: "#a7d3a9",
    lightYellow: "#ffd478",
    lightBlue: "#77aad5",
    lightMagenta: "#d6acd5",
    lightCyan: "#75d4d5",
    lightWhite: "#fefefe"
},

按 ⌘ command + S 保存