原子编辑器中的函数参数样式

Question

是否可以在 Atom 编辑器中配置函数参数在函数内部具有正确颜色的样式？见下文

function greeting(hello (hello is red color)) {
  // body...
  console.log(hello (hello should be red color, now is it grey) );
}

greeting("HELLO JACK!")

Answer 1

我的 JavaScript 参数显示为灰色，但无论如何此方法都应该有效。

打开 Atom 到要在其中更改颜色的 JavaScript 文件
按Ctrl+Shift+I（命令键如果打开Mac) 打开开发者工具。
点击开发工具里面的某处，然后按Ctrl+Shift+C切换 'element select' 工具。
Select 你想改变颜色的元素（你好在里面 console.log()）
查看开发工具中的 DOM 树，您可以看到 class 是 meta arguments js。
打开 Atom 根目录（所有应用程序文件所在的目录）中的 styles.less 文件
将红色 CSS 规则应用于 class 的元素：

atom-text-editor::shadow .meta.arguments.js { color: #e06c75; }
您必须添加这两行以确保括号保持灰色：

atom-text-editor::shadow .punctuation.definition.arguments.begin.bracket.round.js { color: #abb2bf; }

atom-text-editor::shadow .punctuation.definition.arguments.end.bracket.round.js { color: #abb2bf; }
然后保存文件，您的语法突出显示应该会更新。如果没有，按Ctrl+Alt+R重新载入window。

原子编辑器中的函数参数样式

Function parameter style in atom editor

atom-editor