PLDaily / coc-style-helper

coc style helper

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

coc-style-helper

Write styles easier in JSX, provide a powerful auxiliary development functions in style files like CSS, SASS, forked from Iceworks Style Helper

Install

:CocInstall coc-style-helper

Features

JSX inline style automatic completion

jsx-style-automatic-completion.gif

JSX style variable assignment

jsx-style-variable-assignment.gif

JSX classname automatic completion

jsx-classname-automatic-completion.gif

JSX classname value preview and define jump

jsx-classname-value-preview-and-define-jump.gif

Css classname automatic completion

css-classname-automatic-classname.gif

Scss/Sass automatic completion

sass-automatic-completion.gif

Usage

" GoTo code navigation.
nmap <silent> gd <Plug>(coc-definition)
nmap <silent> gy <Plug>(coc-type-definition)
nmap <silent> gi <Plug>(coc-implementation)
nmap <silent> gr <Plug>(coc-references)

" Use K to show documentation in preview window.
nnoremap <silent> K :call <SID>show_documentation()<CR>

function! s:show_documentation()
  if (index(['vim','help'], &filetype) >= 0)
    execute 'h '.expand('<cword>')
  else
    call CocAction('doHover')
  endif
endfunction

License

MIT


This extension is created by create-coc-extension

About

coc style helper

License:MIT License


Languages

Language:TypeScript 97.0%Language:JavaScript 3.0%