在Atom编辑器中按项目路径设置不同的样式

Question

我有几个网络存储，例如'\ dev'，'\ qa'等。 我正在Atom IDE上尝试通过路径库为项目设置不同的样式。 对于位于'\ dev \ www \ example \'上的项目，光标将为绿色，对于位于'\ qa \ www \ example \'上的项目，光标将变成红色。 可能吗？如果可以，怎么办？

Answer 1

您可以将以下内容添加到styles.less（文件>样式表…）

atom-pane[data-active-item-path*="'\dev\www\example\"] {
  .cursor {
    color: green;
  }
}

atom-pane[data-active-item-path*="\qa\www\example\"] {
  .cursor {
    color: red;
  }
}

注意：我使用的是包含个属性选择器（*=），但是您可能希望查看所有available options来查看最适合您的需求。