Neovim에서 프런트엔드를 생산하지 않음
9518 단어 htmlvimcssjavascript
Esse é um post para quem já usa neovim/vim pois vou tentar ser o mais breve possível para montagem de um ambiente rápido e flexível.
필요한 플러그인
:CocInstall 'coc-html' 'coc-css' 'coc-prettier' 'coc-json' 'coc-tsserver' 'coc-vetur' 'coc-highlight' 'coc-eslint'
"Fechamento de tags HTML
Plug 'alvan/vim-closetag'
"Files Search
Plug 'junegunn/fzf', { 'do': { -> fzf#install() } }
Plug 'junegunn/fzf.vim'
"NerdTree
Plug 'preservim/nerdtree'
"Snippets
Plug 'SirVer/ultisnips'
Plug 'honza/vim-snippets'
플러그인 설명
" Autocomplete html,css,js,ts,vue
'coc-html'
'coc-css'
'coc-tsserver'
'coc-vetur'
'coc-json'
" Lint com Eslint e autoformat com prettier
'coc-prettier'
'coc-eslint'
" Esse plugin colore a hexadecimal ao digitar
'coc-highlight'
"Fechamento de tags HTML
Plug 'alvan/vim-closetag'
"Procurar arquivos
Plug 'junegunn/fzf', { 'do': { -> fzf#install() } }
Plug 'junegunn/fzf.vim'
"File Manager
Plug 'preservim/nerdtree'
"Snippets
Plug 'SirVer/ultisnips'
Plug 'honza/vim-snippets'
Agora precisamos setar as preferencias em um arquivo coc-settings.json, vou deixar uma configuração inicial que pode ser modificada de acordo com a preferencia
"coc.preferences.extensionUpdateCheck": "daily",
"coc.preferences.formatOnType": true,
"diagnostic.displayByAle": true,
"coc.preferences.formatOnSaveFiletypes": [
"html",
"css",
"scss",
"javascript",
"typescript",
"vue",
"go",
"markdown",
"json",
"jsonc"
],
"eslint.autoFixOnSave": true,
"eslint.filetypes": [
"javascript",
"typescript",
"vue",
"javascript.jsx",
"javascriptreact"
]
Vue 자동완성
os demais tambem devem estar funcionando perfeitamente
너드트리
Com esse 플러그인 podemos ver a estrutura de diretórios e acessar arquivos
Digite :NERDTree para ativar
As cores variam de acordo com seu 테마
추가: Para ter icones instale: Plug 'ryanoasis/vim-devicons'
FZF
Talvez esse seja um dos recursos mais interessantes que temos no neovim/vim.
Com ele podemos fazer buscas de arquivos e expressões em todo o projeto.
Digite :FZF 버스카 아르퀴보스
Digite :Ag para buscar ocorrências
싹둑
os snips 숫자 구성 파라:UltiSnipsEdit
Depois comece a escrever snip e selecione a opção a seguir
Devera parecer com o seguinte
Esse é o modelo padrão que temos de snips,vamos criar aqui um exemplo de uma função muito usada em Go
Feito isso basta fechar e usar o novo snip
다양한 다중 커서
어떤 정확한 정보도 없고, 문제가 있는 플러그인이 존재하지 않으며, 가장 문제가 있는 해결 방법이 없습니다.
1-Primeiro escolha o que deseja substituir
2-Se for apenas uma palavra digite * no inicio da palavra para selecionar todas, se for mais digite /palavras que deseja
3- vá ate a primeira ocorrência e digite cgn
4- use o . para repetir
5- pode-se usar n e N para pular o que deseja
디카스
gd- pula para a definição
[ - pula para proxima função
] - volta para função anterior
% - pula entre { }
Fique a vontade para conferir minha configuração
Reference
이 문제에 관하여(Neovim에서 프런트엔드를 생산하지 않음), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/carlosdss/produtividade-no-frontend-com-neovim-3eah텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)