html - Vim 插件以使用自定义 HTML 标签和 SCSS

Question

我的 Vim 水平大约是中级 - 我已经使用它大约 10 年了，但处于“新手”水平 - 查找文件、删除某些内容、添加某些内容、保存并退出。 现在我决定让 Vim 成为我唯一的代码编辑器。 我正在使用 Ionic 框架(它是 Angular + SCSS)，我对一些有用的东西有疑问:

1. 有没有办法将所有非标准的 HTML 标签添加到 Syntastic？它突出显示了所有 Ionic 标签，例如 <ion-list> , <ion-button> , <ion-radio>等等。如果我的 google 技能足够好，没有完整的 Ionic 插件，它会添加片段、合成检查器等。
2. 有没有办法找到并添加从 HTML 到 SCSS 以及从 SCSS 到 HTML 的类？我的意思是，如果我写 .my-very-important-class在 SCSS 文件中，然后转到 HTML 文件(它在同一目录中，名称相同，但 .html 或 .scss 不同)和 class="" 中属性开始输入“我的”我会得到这个类的自动完成建议。它是真实的还是有人已经做到了？
3. 还有一个用于主题化应用程序的主文件，名为 variables.scss .我需要扫描这个文件并匹配颜色(在这个文件中有一个颜色部分，我可以在其中放置所有颜色，我需要在应用程序中，并且在任何页面的 .scss 文件中我可以获得我需要的颜色color: color($colors, colorname) 其中 colorname 是颜色变量的名称。这是一个很棒的功能，除了代码中没有颜色突出显示。因此，如果能够获得颜色映射，然后在页面的 .scss 文件中使用正确的颜色突出显示，那就太好了。

我没有找到任何插件。如果有一些我错过的现有插件 - 我会很乐意尝试。如果不是-我很乐意自己制作一个(如果不是很难的话)。无论如何，我认为这不仅对我有用。

UPD:#1 已修复 - 我不确定，具体如何修复，但现在它在 HTML 中没问题，而且我没有 syntastic 关于错误标签的错误或警告。我感觉是个新手，但好像我忘了安装 Vim-ionic2 插件 - 刚把它添加到我的 .vimrc 中。

#2 似乎得到了回答 - 满足了我的需要。

Answer 1

1. Syntastic 是多个 linter 的前端。找到 Syntastic 使用的 linter，并寻找一种方法让它接受这些自定义标签。

2. 如果您打开了 CSS 文件，<C-n>应该让您完成 CSS 类(class)。

   您可能需要像 set iskeyword+=- 这样的东西让 Vim 完成整个类名。

3. 我认为这完全没用。也就是说，如果您没有找到这样的东西……写下来。