首页 文章

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

提问于
浏览
0

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

  • 有没有办法将所有非标准HTML标签添加到Syntastic?它突出显示了所有Ionic标签,例如 <ion-list><ion-button><ion-radio> 等 . 如果我的谷歌技能足够好,那么就没有完整的Ionic插件,它会添加片段,合成检查器等等 .

  • 有没有办法从HTML查找和添加类到SCSS,从SCSS到HTML?我的意思是,如果我在SCSS文件中写入 .my-very-important-class 然后转到HTML文件(它在同一目录中具有相同名称并且由.html或.scss不同)并且在 class="" 属性中开始输入"my"我将获得自动完成建议这个 class . 是真的可能或者某人已经做过了吗?

  • 还有一个主要文件用于主题应用程序,称为 variables.scss . 我需要扫描这个文件并匹配颜色(在这个文件中有一个颜色部分,我可以放置所有颜色,我需要在应用程序中,在任何页面的.scss文件中我都可以获得我需要的颜色 color: color($colors, colorname) 其中 colorname 是颜色变量的名称 . 这是很棒的功能,除了代码中没有颜色突出显示 . 所以在页面的.scss文件中获取颜色映射然后用正确的颜色突出显示会很棒 .

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

UPD:#1是固定的 - 我不确定,究竟是怎么回事,但是现在它在HTML中很好,我没有关于错误标签的合成错误或警告 . 我感觉新手,但似乎我忘了安装Vim-ionic2插件 - 只是将它添加到我的.vimrc .

#2似乎得到了解答 - 做我需要的 .

3 回答

  • 2

    首先,我真的建议你把它分成三个单独的问题 . 我觉得他们可以很容易地找到没有真正联系的专门答案 . 有人可能对其中一个人提出了很好的建议,但对其他人则没有 . 在我这边,我可以给你关于2)和3)的建议 .

    对于2),您可以使用romainl 's suggestion for completing keywords. You could also try generating tags for your CSS files using ctags. Here'的一种可行方法:https://github.com/rstacruz/ctags-css . 获得标签后,您可以使用标签完成 . 请参见:help ins-completion,特别是"tags"部分 . 但是,阅读整个部分是个不错的主意,以便对可能的内容进行概述 .

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

  • 0

    尊重第一点我突然强调所有的HTML元素(主要, Headers 等),因为默认的html.vim文件有点过时了 . 但是,我正在努力讨论:github repo

    人们可以做出贡献是很好的,所以我们不必创建重复的vim文件 .

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

  • 0
    • Syntastic是几个短跑的前端 . 找到Syntastic使用的linter,并寻找一种方法让它接受这些自定义标签 .

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

    您可能需要像Vim的 set iskeyword+=- 这样的东西来完成整个 class 名称 .

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

相关问题