Ⅰ. 插件描述
Useful snippets for working with Circui-uiⅡ. 基本信息
|
Ⅲ. 安装方法
使用Vundle管理器安装
在你的.vimrc下添加:Plugin 'cristianoliveira/vim-circuit-ui-snippets'
… 然后在Vim中运行以下命令:
:source %
:PluginInstall
对于Vundle版本 < 0.10.2,请用上面的Bundle替换Plugin。
使用NeoBundle管理器安装
在你的.vimrc下添加:NeoBundle 'cristianoliveira/vim-circuit-ui-snippets'
… 然后在Vim中运行以下命令:
:source %
:NeoBundleInstall
使用VimPlug管理器安装
在你的.vimrc下添加:Plug 'cristianoliveira/vim-circuit-ui-snippets'
… 然后在Vim中运行以下命令:
:source %
:PlugInstall
使用Pathogen管理器安装
在终端中运行以下命令:cd ~/.vim/bundle
git clone https://github.com/cristianoliveira/vim-circuit-ui-snippets
Ⅳ. 文档说明
# Vim Circuit-ui Snippets
A Vim snippet library for circuit-ui
Requires UltiSnips.
Installation
Using vim-plug:
" React code snippets
Plug 'cristianoliveira/vim-circuit-ui-snippets'
" Ultisnips
Plug 'SirVer/ultisnips'
" Trigger configuration (Optional)
" let g:UltiSnipsExpandTrigger="<C-l>"Usage
As any other - you use specific codes for autocompletion. For this library
it is basic the html tag name.
Common snippets
cimp "Circuit-ui import components" w
Theme
cts "Circui-ui theme spacings"ctg "Circui-ui theme grid"ctc "Circui-ui theme colors"ctis "Circui-ui theme icon sizes"ctt "Circui-ui theme typography"ctth "Circui-ui theme typography for headings"cttsh "Circui-ui theme typography for subHeadings"cttt "Circui-ui theme typography for text"ctmq "Circui-ui theme media query"
Measurement
cmb "Circui-ui measurement byte"cmk "Circui-ui measurement kilo"cmg "Circui-ui measurement giga"cmt "circui-ui measurement tera"
Complex component usage
cbc "circui-ui button component "ccc "circui-ui card component"
Contributing
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request, they are welcome!
- Please include unit tests in your pull requests
License
MIT