如何在PhpStorm/WebStorm中更改CSS文件的注释类型?
当然可以调整啦!在PhpStorm或者WebStorm里,轻松就能把CSS文件的快捷键注释格式从//改成/* comment */,跟着下面的步骤操作就行:
方法一:修改代码风格,让单行注释默认使用块注释格式
- 打开设置界面:按下快捷键
Ctrl+Alt+S(Windows/Linux)或者Cmd+,(Mac),也可以从顶部菜单栏点击File → Settings(Windows/Linux)或者PhpStorm/WebStorm → Settings(Mac)。 - 定位到CSS代码风格设置:在设置窗口左侧,展开
Editor选项,选择Code Style,再点击CSS(如果是SCSS、LESS这类预处理器文件,也可以对应选择对应的选项调整)。 - 进入注释设置标签:切换到
Comments标签页。 - 调整单行注释格式:在
Single-line comments区域,取消勾选Use line comment(这个选项是默认启用//风格的单行注释),然后勾选Use block comment for single line——这样当你用快捷键添加单行注释时,就会自动生成/* 注释内容 */的格式了。- 如果你需要更精细的调整,还可以修改
Block comment start和Block comment end的内容(默认就是/*和*/,一般不用改),以及调整注释的缩进、空格等样式。
- 如果你需要更精细的调整,还可以修改
方法二:交换快捷键(把块注释设为常用快捷键)
如果你只是想保留两种注释格式,但让常用的快捷键(比如Ctrl+/)触发块注释,也可以这么做:
- 打开设置界面,进入
Keymap选项。 - 在搜索框里输入
Comment,找到Comment with Block Comment和Comment with Line Comment这两个选项。 - 右键点击
Comment with Block Comment,选择Add Keyboard Shortcut,按下你想要的快捷键(比如Ctrl+/),如果提示快捷键已被占用,选择Remove来替换原来的行注释快捷键。 - 同理,你可以给
Comment with Line Comment重新设置一个不常用的快捷键,或者保持默认。
这样之后,你再用快捷键给CSS代码加注释时,就会得到你想要的/* comment */样式啦!
内容的提问来源于stack exchange,提问作者Jamie Hutber
相关产品推荐
相关产品推荐

