---

Ⅰ. 插件描述

Neovim integration with Chrome DevTools

Ⅱ. 基本信息

创建日期：  2018-05-12 使用用户：  2 Github星：  26 插件作者：  Carlos Rocha

Ⅲ. 安装方法

使用Vundle管理器安装

在你的.vimrc下添加:

Plugin 'carlosrocha/vim-chrome-devtools'

… 然后在Vim中运行以下命令:

:source %
:PluginInstall

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

使用NeoBundle管理器安装

在你的.vimrc下添加:

NeoBundle 'carlosrocha/vim-chrome-devtools'

… 然后在Vim中运行以下命令:

:source %
:NeoBundleInstall

使用VimPlug管理器安装

在你的.vimrc下添加:

Plug 'carlosrocha/vim-chrome-devtools'

… 然后在Vim中运行以下命令:

:source %
:PlugInstall

使用Pathogen管理器安装

在终端中运行以下命令:

cd ~/.vim/bundle
git clone https://github.com/carlosrocha/vim-chrome-devtools

Ⅳ. 文档说明

# vim-chrome-devtools

This plugin uses chrome-remote-interface
to connect to your Google Chrome instance.

More screencasts can be seen here.

Requirements

• Google Chrome with open remote debugging port using flag --remote-debugging-port=9222. You can find setup instructions here.
• Neovim 0.2.2 for Node.js remote plugin support.
• Neovim Node.js provider.
• Node.js
• FZF (optional)

Tested on node 8.5.0 and Google Chrome 61.

Installation

Using vim-plug

Plug 'carlosrocha/vim-chrome-devtools', { 'do': 'npm install && npm run build' }

After installing or updating you need to run :UpdateRemotePlugins and restart Neovim.

Variables

• g:ChromeDevTools_host: Chrome host, localhost by default.
• g:ChromeDevTools_port: Chrome port, 9222 by default.

Commands

• ChromeDevToolsConnect

Functions

• ChromeDevTools_Page_reload()
• ChromeDevTools_Runtime_evaluate()
• ChromeDevTools_CSS_createStyleSheet()