polymer-ide.vim


Ⅰ. 插件描述

Provides autocompletion, and more for web components

Ⅱ. 基本信息

创建日期:  2016-11-23
使用用户:  5
Github星:  12
插件作者:  Denis Kurilenko

Ⅲ. 安装方法

使用Vundle管理器安装

在你的.vimrc下添加:
Plugin 'webdesus/polymer-ide-vim'
… 然后在Vim中运行以下命令:
:source %
:PluginInstall

对于Vundle版本 < 0.10.2,请用上面的Bundle替换Plugin。

使用NeoBundle管理器安装

在你的.vimrc下添加:
NeoBundle 'webdesus/polymer-ide-vim'
… 然后在Vim中运行以下命令:
:source %
:NeoBundleInstall

使用VimPlug管理器安装

在你的.vimrc下添加:
Plug 'webdesus/polymer-ide-vim'
… 然后在Vim中运行以下命令:
:source %
:PlugInstall

使用Pathogen管理器安装

在终端中运行以下命令:
cd ~/.vim/bundle
git clone https://github.com/webdesus/polymer-ide.vim

Ⅳ. 文档说明

# Polymer IDE for Vim

This is polymer_ide plugin for vim version 8.0 and above. This plugin unlocks all of the power of the Polymer Analyzer in vim. See Polymer Editor Service for more info, including links to other editor plugins.

Features:

  • typeahead completions for imported elements, with documentation pic
  • typeahead completions for element attributes, with documentation pic
  • inline errors (marks on lines) pic
  • jump to definition support for custom elements and attributes pic

Requirements

  • Vim version 8.0 and above support;
  • node.js;
  • UltiSnips(option) for supprots snippets;
  • Syntastic(option);

Installation

Use your favorite package manager
(vim-plug,
Vundle,
pathogen.vim),
or add this directory to your Vim runtime path.

For example, if you're using Vundle, add the following line to ~/.vimrc:

Plugin 'webdesus/polymer-ide.vim'

Then go to plugin folder and execute

npm install

If you using vim-plug then you write next

Plug  'webdesus/polymer-ide.vim', { 'do': 'npm install' }

And npm install execute automatically after install plugin.

For work using snippets needed install UltiSnips from this https://github.com/SirVer/ultisnips

For more information, read documentation

:h polymer_ide

Features in a gif

Completions with documentation

preview

Navigation by errors

preview

Go to definition

preview

Todo

  • Get references for element #1
  • Better highlight #3
  • Write tests #4
  • etc...

If you wanna help with plugin, please before beginning, inform about your intention(create issues or comment existing). That other people do not do double job.

添加新评论