代码之家  ›  专栏  ›  技术社区  ›  ekzotech

Vim插件可用于自定义HTML标记和SCS

  •  1
  • ekzotech  · 技术社区  · 6 年前

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

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

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

    UPD:#1已修复-我不确定具体如何修复,但现在它在HTML中已恢复正常,我没有收到syntastic关于错误标记的错误或警告。我觉得自己是新手,但似乎我忘记安装Vim-ionic2插件了——只是把它添加到了我的。vimrc。

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

    3 回复  |  直到 6 年前
        1
  •  2
  •   romainl    6 年前
    1. Syntastic是几个Linter的前端。找到Syntastic使用的linter,并寻找一种方法使其接受这些自定义标记。

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

      你可能需要 set iskeyword+=- 让Vim完成整个类名。

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

        2
  •  0
  •   Lucas David Ferrero    6 年前

    关于第一点,我要说vim本身并没有突出显示所有HTML元素(main、header等),因为默认的HTML。vim文件有点过时。然而,我刚刚创建了一个存储库,在其中添加了要突出显示的所有剩余元素。 如果您遇到您正在使用的语言中的某些内容没有突出显示,您应该创建一个。vim文件添加要突出显示的关键字。我将与您共享我所讨论的存储库: github repo

    人们可以参与进来,这样我们就不必创建重复的vim文件,这将是一件好事。

    您可以在此处阅读有关语法的更多信息: vimdocumentation

        3
  •  0
  •   Andrew Radev    6 年前

    首先,我真的建议你把这个问题分成三个独立的问题。我觉得他们可以很容易地得到没有真正联系的专用答案。有些人可能会对其中一个有好的建议,但对其他人没有。就我而言,我只能给你关于2)和3)的建议。

    对于2),您可以使用Romaill的建议来完成关键字。您还可以尝试使用CTAG为CSS文件生成标记。这里有一种可能的方法: https://github.com/rstacruz/ctags-css 。一旦有了标记,就可以使用标记完成。看见 :help ins-completion ,尤其是“标签”部分。不过,阅读整个部分是一个很好的主意,以便对可能发生的情况进行概述。

    对于3),这里有一些插件。试试这个: https://github.com/lilydjwg/colorizer