[웹] 웹 개발 및 디자인(php, html, css, javascript)에 유용한 Vim 플러그인이 있습니까? | 다니엘 마틴 | 2024년 11월

2. Vim-css-색상

• CSS 16진수 또는 RGB 값에 대해 색상을 인라인으로 표시합니다.
• 설치하다:

Plug 'ap/vim-css-color'

3. Vim이 더 예뻐요

• HTML, CSS 및 JavaScript의 형식을 자동으로 지정합니다.
• 설치하다:

Plug 'prettier/vim-prettier', { 'do': 'yarn install' }

________________________________________________________________

PHP

1. PHP Vim 구문

• PHP 구문 강조 및 코드 접기를 향상시킵니다.
• 설치하다:

Plug 'stanangeloff/php.vim'

2. PhpComplete.vim

• PHP 함수 및 메소드에 대한 자동 완성을 제공합니다.
• 설치하다:

Plug 'shawncplus/phpcomplete.vim'

________________________________________________________________

자바스크립트

1. Vim-jsx-예쁜

• JavaScript, JSX 및 React에 대한 구문 강조를 제공합니다.
• 설치하다:

Plug 'MaxMEllon/vim-jsx-pretty'

2. Yajs.vim

• JavaScript 구문 강조 표시를 개선합니다.
• 설치하다:

Plug 'othree/yajs.vim'

3. Coc.nvim

• JavaScript 및 기타 언어용 Intellisense 엔진입니다.
• 설치하다:

Plug 'neoclide/coc.nvim', {'branch': 'release'}

• 설치 후 실행 :CocInstall coc-tsserver JavaScript 지원을 위해.

________________________________________________________________

CSS

1. Vim이 없는

• LESS CSS 구문 강조에 대한 지원을 추가합니다.
• 설치하다:

Plug 'groenewege/vim-less'

2. 빔사스

• SASS/SCSS에 대한 구문 강조를 제공합니다.
• 설치하다:

Plug 'cakebaker/scss-syntax.vim'

__________________________________________________________________

1. 너드트리

• 프로젝트 탐색을 위한 파일 트리 탐색기입니다.
• 설치하다:

Plug 'preservim/nerdtree'

2. CtrlP

• 파일을 빠르게 탐색하기 위한 퍼지 파일 찾기.
• 설치하다:

Plug 'ctrlpvim/ctrlp.vim'

3. Ale(비동기 린트 엔진)

• PHP, HTML, CSS 및 JavaScript에 대한 실시간 Linting 및 오류 검사를 제공합니다.
• 설치하다:

Plug 'dense-analysis/ale'

4. 항공사

• 유용한 정보로 상태 표시줄을 향상시킵니다.
• 설치하다:

Plug 'vim-airline/vim-airline'

5. 도망자

• Vim을 위한 Git 통합.
• 설치하다:

Plug 'tpope/vim-fugitive'

__________________________________________________________________

1. 태그바

• 코드 개요가 포함된 사이드바를 표시합니다.
• 설치하다:

Plug 'preservim/tagbar'

• 필요하다 ctags. Linux/macOS에 설치:

sudo apt install ctags

2. 서라운드.vim

• 따옴표나 태그와 같은 주변 문자를 쉽게 추가, 삭제, 변경할 수 있습니다.
• 설치하다:

Plug 'tpope/vim-surround'

__________________________________________________________________

플러그인 항목을 추가한 후 ~/.vimrcVim에서 다음 명령을 실행하세요:

1. 빔을 시작하세요.
2. 달리다:

:PlugInstall

________________________________________________________________

—

이러한 플러그인을 통해 Vim은 웹 개발 및 디자인을 위한 강력한 도구가 됩니다. 특정 요구 사항(예: PHP, JavaScript, CSS)에 따라 플러그인을 선택하여 작업 흐름을 간소화할 수 있습니다.