在Atom-editor中按项目路径设置不同的样式

Question

我有几个网络存储，例如'\dev'，'\qa'，等等.我正在Atom IDE尝试通过path基为项目设置不同的样式。对于位于“**dev\www\示例”上的项目，curser将是绿色的，对于位于“**qa\www\\”上的项目则为红色。有可能吗？如果是的话，怎么做？

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

注意:我正在使用属性选择器(*=)，但是您可能需要查看所有的可供选择，看看哪些最适合您的需求。