语法高亮指南Atom

Question

我对Github的新编辑感到非常满意.不幸的是,定制它并不容易.我想创建自己的语法高亮主题,因为我对可下载的主题感到不满意(至少他们似乎没有用Java做得好)

现在样式的文件(语法变量,color.less等)似乎在:

~/.atom/ .../packages (if you want to change existing themes)

问题只是我不知道哪个(CSS)类样式的语法元素.是否有一个地方可以查找如何更改变量类型声明的颜色？

Answer 1

是的,您可以使用命令atom --dev或使用菜单在开发者模式下启动Atom View > Developer > Open in Dev Mode ....当您这样做时,您可以右键单击UI中的任何元素,然后Inspect Element从上下文菜单中选择,就像在Web浏览器中一样.

此外,对于语法元素,您可以:

1. 将文本光标放在要设置样式的项目上
2. Cmd+Alt+P在OS X上,Ctrl+Alt+Shift+P在其他平台上按,或在命令面板中找到"编辑器:日志光标范围"以显示语法元素的范围

语法元素的范围直接转换为CSS类.

Answer 2

您可以通过按Ctrl+Shift+I(在linux中测试)并突出显示任何元素来使用chrome web-console .然后按下Edit->Open Your Stylesheet并使用LESS语法为元素添加样式打开样式表.

例如:

您希望大胆突出显示类和函数名称.如果您选择带有chrome-console的类,您可以看到它有类.name

您应该在样式表文件中添加如下内容:

atom-text-editor::shadow .name{
    font-weight: bold
}

你可以创建自己的主题.在Atom中,它不是难以理解的 - 按下Ctrl+Shift+P并键入"Generate Syntax Theme".在新主题中,您可以复制其他主题的一些代码.如果你不懂CSS/LESS - 别担心!您的新主题在style名为的文件夹中有文件colors.less.您可以在base.less文件上更改它或编写新的颜色规则.

Atom有很棒的文档,你可以在这个页面上阅读有关创建主题的内容https://atom.io/docs/v1.4.2/hacking-atom-creating-a-theme