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

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参数显示为灰色，但无论此方法是否都有效。

1. 将Atom打开到要在
中更改颜色的JavaScript文件
2. 按 Ctrl + Shift + I （如果在Mac上，则为Command键）以打开开发人员工具。
3. 点击开发工具内的某处，然后按 Ctrl + Shift + C 切换'元素选择'工具。
4. 选择您要更改颜色的元素（您在console.log()内打招呼）
5. 查看开发工具中的DOM树，您可以看到这些类是meta arguments js。
6. 打开Atom目录根目录中的styles.less文件（所有应用程序文件都在其中）

7. 将红色CSS规则应用于该类的元素：

   atom-text-editor::shadow .meta.arguments.js { color: #e06c75; }

8. 您必须添加这两行以确保括号保持灰色：

   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; }

9. 然后保存文件，语法突出显示应该更新。如果没有，请按 Ctrl + Alt + R 重新加载窗口。