前端开发环境准备

目录

• scoop
  • 安装到指定目录（推荐）
• git
• node
  • 配置国内镜像
• vscode
  • 推荐安装插件
  • 字体安装
  • 编辑器配置
• Windows Terminal
• NxShell（安利）

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

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 GitHub传送门

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
• Todo Tree
• TypeScript Vue Plugin (Volar)
• vscode-icons
• Vue Language Features (Volar)

字体安装

字体下载传送门
个人比较喜欢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工具