前端开发环境准备

前情提示，适合有点计算机基础的，然后尽量有自己的梯子

scoop

个人推荐的windows安装包管理器

官网传送门

安装到指定目录（推荐）

下方命令建议在桌面路径下执行

irm get.scoop.sh -outfile 'install.ps1'

-ScoopDir指定scoop的路径

.\install.ps1 -ScoopDir 'D:\tools\Scoop'

git

个人推荐安装mingit

scoop安装（要点运气，国内时不时墙了Github）

scoop install mingit

备用方案：git-for-windows传送门

node

scoop安装（要点运气，国内时不时墙了Github）

scoop install nodejs-lts

备用方案：下载传送门

配置国内镜像

npm config set registry https://registry.npmmirror.com

vscode

官网传送门

推荐安装插件

• Auto Complete Tag

• EditorConfig for VS Code

• Error Lens

• ESLint

• GitLens — Git supercharged

• Live Server

• Path Intellisense

• Prettier - Code formatter

• Tailwind CSS IntelliSense

• Todo Tree

• vscode-icons

• vscode-styled-components（React css-in-js）

字体安装

字体下载传送门

个人比较喜欢JetbrainsMono字体，Nerd Font里自带一些icon可以配合windows terminal显示

编辑器配置

{
  "editor.fontFamily": "'JetbrainsMono Nerd Font Mono'",// 可选
  "editor.fontLigatures": true,
  "editor.fontSize": 16,
  "editor.linkedEditing": true,
  "files.encoding": "utf8",
  "files.eol": "\n",
  "workbench.colorTheme": "Default Dark+",
  "workbench.iconTheme": "vscode-icons",
  "editor.unicodeHighlight.allowedLocales": {
    "zh-hans": true
  }
}

Windows Terminal

去microsoft store下载即可，windows11系统自带

NxShell（安利）

去microsoft store下载即可，好用的ssh工具，ftp、sftp工具