次世代 Hugo

無駄を削ぎ、本質を研ぐ

我的 WebStorm 基本設定

Sam Xiao's Avatar 2026-04-22

本文記錄我的 WebStorm 基本設定。

Version

ＷebStorm 2026.1

Shell Script Name

ws04

  • Update the tool automatically：On
  • Shell script name：ws

Appearance

ws01

  • Theme：Darcula
  • Use custom font
    • 13：Dialog 16
    • 15：Dialog 17
    • 16：Dialog 18

Compact Mode

ws09

  • Compact mode：On

Editor Font

ws02

  • Font：Fira Code
  • Size：
    • 13：22.0
    • 15：21.0
    • 16：23.0
  • Line height：1.2
  • Main weight：Medium
  • Fallback font：Menlo

Backgroud Color

ws14

  • Background：#2B2B2B

Console Font

ws03

  • Use console font instead of the default：On
  • Font：Menlo
  • Size：
    • 13"：20
    • 15"：21
    • 16"：23
  • Line height：1.0

Code Folding

ws16

  • General
    • File header：On
    • Imports：On
    • Documentation comments：On
    • Method bodies：Off
    • Custom folding regions：On

Appearance

ws12

  • Use block caret：On
  • Highlight occurrences of selected text：On
  • Show hard wrap and visual guides (configured in Code Style options)：On
  • Show line numbers：Absolute
  • Show method separators：On
  • Show whitespaces：On
    • Leading：On
    • Inner：On
    • Trailing：On
    • Selection：On
  • Show indent guides：Off
  • Show CSS color preview as background：On

ws15

  • Show breadcrumbs：On
    • Placement：Bottom
  • Languages
    • CSS
    • HTML
    • JavaScript
    • JSON
    • Sass
    • SCSS
    • YAML

Editor Tabs

ws05

  • Tab placement：None

Gutter Icons

ws13

  • Show gutter icons：Off

Sticky Lines

ws20

  • Show sticky lines while scrolling：Off

Appearance

ws06

  • Compact Mode：On
  • Toolbar：Off
  • Navigation Bar：Top
  • Tool Window Bars：Off
  • Status Bar：Off

Active Editor

ws07

  • Show Whitespace：On
  • Show Line Numbers：On
  • Show Import Popups：On
  • Show Breadcrumbs：On

Project Options

ws08

  • Behavior
    • Enable Preview Tab：On
    • Open Files with Single Click：On
    • Open Directories with Single Click：On
    • Always Select Openned File：On

ws18

  • Appearance
    • Excluded Files：Off
    • Scratches and Consoles：Off

Inlay Hints

ws10

  • Code vision：Off
  • Parameter names：Off
  • Types：Off
  • Values：Off
  • Method chains：Off
  • Other：Off

Tool Windows

ws11

  • Commit：⌘ 0
  • Project：⌘ 1
  • Bookmarks：⌘ 2
  • TODO：⌘ 6
  • Problems：⌘ 7
  • Terminal：⌘ 8
  • Git：⌘ 9

Keymap

  • Go to File：⌘ P

Plugins

ws19

  • Claude Code
  • GitHub Copilot

ws18

  • Deployment：Disable all

ws22

  • IDE Localization：Disable all

ws23

  • JavaScript Debugger：On
  • JavaScript Intention Power Pack：On
  • Node.js：On

ws24

  • Keymap：Disable all

ws25

  • Gherkin：Off

ws26

  • Remote Development：Disable all

ws27

  • CSS：On
  • Sass：On

ws28

  • EJS：On

ws29

  • UI：Disable all

ws30

  • Git：On
  • GitHub：On

ws31

  • File Watchers：Off
  • IDE Features Trainer：Off
  • Qodana：Off

# WebStorm