Vim🤖 AI-generated
Web Development (JS/TS, Emmet, Prettier)
Tailored for frontend work: coc with tsserver/eslint/prettier, Emmet for HTML/CSS, JSX highlighting and consistent 2-space indentation.
by @vimrc.de · ★ 60 · ⬇ 0 copies · #webdev #javascript #typescript #coc #emmet
install
curl -L https://vimrc.de/r/web-development-js-ts-emmet-prettier -o ~/.vimrc
" ============================================================
" Web Development — JS / TS / HTML / CSS
" coc (tsserver, eslint, prettier), Emmet, 2-space indent
" ============================================================
call plug#begin('~/.vim/plugged')
Plug 'neoclide/coc.nvim', {'branch': 'release'}
Plug 'mattn/emmet-vim' " write HTML/CSS fast
Plug 'pangloss/vim-javascript'
Plug 'maxmellon/vim-jsx-pretty'
Plug 'jiangmiao/auto-pairs'
Plug 'tpope/vim-commentary'
Plug 'junegunn/fzf.vim'
call plug#end()
filetype plugin indent on
syntax enable
set number hidden
set tabstop=2 shiftwidth=2 expandtab
set updatetime=300 signcolumn=yes
let mapleader = " "
" Force 2 spaces for web filetypes
autocmd FileType html,css,scss,javascript,typescript,json setlocal ts=2 sw=2 expandtab
" Trigger Emmet with Ctrl-e
let g:user_emmet_leader_key='<C-e>'
" Format via coc-prettier
command! -nargs=0 Prettier :CocCommand prettier.formatFile
nnoremap <leader>p :Prettier<CR>
nmap <silent> gd <Plug>(coc-definition)
nmap <leader>rn <Plug>(coc-rename)
" Recommended: :CocInstall coc-tsserver coc-eslint coc-prettier coc-json coc-css coc-html
NORMAL36 linesvim
Plugins (7)
No comments yet. Be the first.