You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在PhpStorm/WebStorm中更改CSS文件的注释类型?

当然可以调整啦!在PhpStorm或者WebStorm里,轻松就能把CSS文件的快捷键注释格式从//改成/* comment */,跟着下面的步骤操作就行:

方法一:修改代码风格,让单行注释默认使用块注释格式

  1. 打开设置界面:按下快捷键Ctrl+Alt+S(Windows/Linux)或者Cmd+,(Mac),也可以从顶部菜单栏点击File → Settings(Windows/Linux)或者PhpStorm/WebStorm → Settings(Mac)。
  2. 定位到CSS代码风格设置:在设置窗口左侧,展开Editor选项,选择Code Style,再点击CSS(如果是SCSS、LESS这类预处理器文件,也可以对应选择对应的选项调整)。
  3. 进入注释设置标签:切换到Comments标签页。
  4. 调整单行注释格式:在Single-line comments区域,取消勾选Use line comment(这个选项是默认启用//风格的单行注释),然后勾选Use block comment for single line——这样当你用快捷键添加单行注释时,就会自动生成/* 注释内容 */的格式了。
    • 如果你需要更精细的调整,还可以修改Block comment start和Block comment end的内容(默认就是/*和*/,一般不用改),以及调整注释的缩进、空格等样式。

方法二:交换快捷键(把块注释设为常用快捷键)

如果你只是想保留两种注释格式,但让常用的快捷键(比如Ctrl+/)触发块注释,也可以这么做:

  1. 打开设置界面,进入Keymap选项。
  2. 在搜索框里输入Comment,找到Comment with Block Comment和Comment with Line Comment这两个选项。
  3. 右键点击Comment with Block Comment,选择Add Keyboard Shortcut,按下你想要的快捷键(比如Ctrl+/),如果提示快捷键已被占用,选择Remove来替换原来的行注释快捷键。
  4. 同理,你可以给Comment with Line Comment重新设置一个不常用的快捷键,或者保持默认。

这样之后,你再用快捷键给CSS代码加注释时,就会得到你想要的/* comment */样式啦!

内容的提问来源于stack exchange,提问作者Jamie Hutber

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.21 04:21:09