Enhanced Javascript syntax


Ⅰ. 插件描述

Enhanced javascript syntax file for Vim

Ⅱ. 基本信息

创建日期:  2012-01-17
使用用户:  3430
Github星:  700
插件作者:  Jose Elera

Ⅲ. 安装方法

使用Vundle管理器安装

在你的.vimrc下添加:
Plugin 'jelera/enhanced-javascript-syntax'
… 然后在Vim中运行以下命令:
:source %
:PluginInstall

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

使用NeoBundle管理器安装

在你的.vimrc下添加:
NeoBundle 'jelera/enhanced-javascript-syntax'
… 然后在Vim中运行以下命令:
:source %
:NeoBundleInstall

使用VimPlug管理器安装

在你的.vimrc下添加:
Plug 'jelera/enhanced-javascript-syntax'
… 然后在Vim中运行以下命令:
:source %
:PlugInstall

使用Pathogen管理器安装

在终端中运行以下命令:
cd ~/.vim/bundle
git clone https://github.com/jelera/vim-javascript-syntax

Ⅳ. 文档说明

# Enhanced JavaScript Syntax for Vim

Credits

  • Zhao Yi, Claudio Fleiner, Scott Shattuck (This file is based on their hard work)
  • gumnos (From the #vim IRC Channel in Freenode) (Who helped me figured out the
    crazy Vim Regexes)

Description

This file is a fork of this file
and the stock one

This version of this file features the following text highlights:

  • Parenthesis, curly and regular brackets.
  • The semicolon or comma at the end of line.
  • Browser, DOM and "Ajax" keywords like objects, methods, properties and others.
  • Operation, comparison and logical symbols (=,==,===,!=,etc.).
  • Separate highlight of the arguments. Thanks to Billychan.

Rationale

While there are already a few syntax files in the wild (some even forks from this project), the goal is to have a syntax file that has current keywords for modern ES/JS development and to be fairly lean and quick on loading.

Screenshots

This is the stock Javascript syntax file

Solarized Light

Stock Vim JavaScript syntax file

This is with the Enhanced Syntax file
Enhanced JavaScript Vim syntax

More screenshots here.

Hybrid

Stock Vim JavaScript syntax file

This is with the Enhanced Syntax file
Enhanced JavaScript Vim syntax

Installation

  • Using Vim-Plug (Which I recommend),
    add this line to your .vimrc
Plug 'jelera/vim-javascript-syntax'
  • Using Vundle,
    add this line to your .vimrc
Plugin 'jelera/vim-javascript-syntax'
  • Using Pathogen,
    run this command in your shell
git clone https://github.com/jelera/vim-javascript-syntax.git ~/.vim/bundle/vim-javascript-syntax

Suggested Companion Plugins

  • Indentation
    The recommended way is to use Prettier and ALE.

~~It can be achieved with Javascript-Indent by Preston Koprivica. On my testing, it has proved to be the most capable and also indents HTML and JS inside HTML.
The project is unmaintained for now, but you could fork it and improve upon it.~~

Contributions

While all contributions are always welcome, make sure your commit message follow this
convention.

License

The same as Vim

添加新评论