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

scoop

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

官网传送门

安装到指定目录（推荐）

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

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

-ScoopDir指定scoop的路径

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

git

个人推荐安装mingit

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

1
scoop install mingit

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

node

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

1
scoop install nodejs-lts

备用方案：下载传送门

配置国内镜像

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

vscode

官网传送门

推荐安装插件

  • 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）

  • Vue - Official

字体安装

字体下载传送门

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

编辑器配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
{
  "editor.fontFamily": "'JetBrainsMono Nerd Font', 微软雅黑", // 可选
  "editor.fontLigatures": true, // 启用特殊连接符号，例：=>   ->
  "editor.fontSize": 16,
  "files.eol": "\n",
  "files.encoding": "utf8",
  "workbench.colorTheme": "Default Dark+", // 主题风格
  "workbench.iconTheme": "vscode-icons", // 最好的图标插件
  "window.commandCenter": false, // 将菜单栏中间的搜索框隐藏
  "workbench.layoutControl.enabled": false, // 将菜单栏右侧的窗口布局隐藏
  "editor.linkedEditing": true,
  "files.associations": {
    "*.css": "tailwindcss"
  },
  // 下方都是可选
  "[html]": {
    "editor.suggest.insertMode": "replace",
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[css]": {
    "editor.suggest.insertMode": "replace",
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[scss]": {
    "editor.suggest.insertMode": "replace",
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[tailwindcss]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.maxTokenizationLineLength": 2500,
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[json]": {
    "editor.quickSuggestions": {
      "strings": true
    },
    "editor.suggest.insertMode": "replace",
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[jsonc]": {
    "editor.quickSuggestions": {
      "strings": true
    },
    "editor.suggest.insertMode": "replace",
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[vue-sfc-style-variable-injection]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "vue.server.hybridMode": true  // 混合模式，vue使用vscode typescript原生功能
}

Windows Terminal

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

NxShell（安利）

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