如何在Webstorm上安装csscomb插件

2025-05-08 17:30:14
推荐回答(1个)
回答1:

下载并安装 NodeJS .msi 格式安装包

使用 cmd / PowerShell

node -v 验证是否安装成功

npm install -g csscomb 全局安装 csscomb
csscomb -V 验证安装

快捷键(Ctrl+Alt+S),搜索栏输入 external tool

WebStorm 内打开 Setting -> External Tools -> Add

Fill the form with following info: (对照填入)
– Name: CSScomb
– Program: path_to_installed_csscomb/bin/csscomb 改为(C:\Users\你当前的系统用户名\AppData\Roaming\npm\csscomb.cmd)
– Parameters: $FilePath$
– Working directory: $FileDir$
设置分组

Group:CSS TOOLS (自定义,出现在右键菜单分组中)
确认更改点击 Apply

设置快捷键
不用担心意外覆盖预设,设置冲突会出现提示信息。

搜索 keymap

在 keymap 主栏内的搜索框找到刚刚设置的 CSScomb

右键 Add KeyBoard ShortCut ,按下你想要的快捷键组合。