Ⅰ. 插件描述
Vim syntax file for scss (Sassy CSS)Ⅱ. 基本信息
|
Ⅲ. 安装方法
使用Vundle管理器安装
在你的.vimrc下添加:Plugin 'cakebaker/scss-syntax-vim':source %
:PluginInstall对于Vundle版本 < 0.10.2，请用上面的Bundle替换Plugin。
使用NeoBundle管理器安装
在你的.vimrc下添加:NeoBundle 'cakebaker/scss-syntax-vim':source %
:NeoBundleInstall使用VimPlug管理器安装
在你的.vimrc下添加:Plug 'cakebaker/scss-syntax-vim':source %
:PlugInstall使用Pathogen管理器安装
在终端中运行以下命令:cd ~/.vim/bundle
git clone https://github.com/cakebaker/scss-syntax.vimⅣ. 文档说明
# Vim Syntax File for SCSS (Sassy CSS)
Installation
I recommend to use a plugin manager like Vundle for the installation.
Vundle
Open your ~/.vimrc file and add the following line(s):
Plugin 'JulesWang/css.vim' " only necessary if your Vim version < 7.4
Plugin 'cakebaker/scss-syntax.vim'Afterwards, run :PluginInstall in Vim.
Pathogen
git clone https://github.com/cakebaker/scss-syntax.vim ~/.vim/bundle/scss-syntaxManual
- Download scss.vim
- Download css.vim (only necessary if your Vim version < 7.4)
- Copy the content of the folders to the respective folders in
~/.vim/
Configuration
Usually no configuration is necessary.
CSS3
For highlighting CSS elements, this plugin relies on css.vim that comes bundled with Vim. Unfortunately, it's support for CSS3 is only rudimentary. To avoid highlighting issues I recommend to install the vim-css3-syntax plugin.
Filetype
In some cases you might want to change the filetype from scss to scss.css, for example, if you want to use SnipMate's CSS snippets within your SCSS files. In this case, add the following line to your ~/.vimrc file:
au BufRead,BufNewFile *.scss set filetype=scss.cssPlease be aware that this setting can cause problems with other plugins as mentioned in #41.
Function names starting with a keyword
Function names starting with a keyword (e.g. baseline-unit()) are not highlighted correctly by default. It can be fixed by adding the following line to your ~/.vimrc file:
autocmd FileType scss set iskeyword+=-Please be aware that this setting also affects the behavior of the motion keys.