Neovim에서 프런트엔드를 생산하지 않음

9518 단어 htmlvimcssjavascript
계속해서 새로운 구성을 수행하고 프런트엔드에서 다른 부분에 대한 정보를 통합하지 않고 주변 환경에 맞게 조정할 수 있습니다. Esse é o segundo post que faço sobre o assunto, é interessante conferir o pois falo de outras ferramentas não citadas aqui

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

좋은 웹페이지 즐겨찾기