vimrc - 안녕하세요 여러분, 저는 이제 막 vim을 사용하기 시작했습니다. 저는 html, css, js를 작성하는 프런트엔드 개발자입니다. 좋은 구문 강조 플러그인에 대한 권장 사항이 있나요?

Question

함께 제공되는 이런 종류의 vim은 정말 너무 지루합니다.

몇 가지 소개를 도와주세요. 감사해요.

Answer 1

먼저 최신 Gvim 8.0을 직접 다운로드하거나 컴파일하세요

Windows에서 vim을 사용하면
vim으로 웹을 작성할 수 있고 또한 할 수 있습니다.
하지만 msysGit과 함께 제공되는 vim을 사용하여 웹을 작성하는 것은 이번이 처음입니다

msysGit에는 불완전한 MSYS 환경이 포함되어 있으며
msysGit과 함께 제공되는 vim도 불완전한 vim입니다.

먼저 완전한 vim을 찾은 다음 플러그인 문제에 대해 논의하세요

다음은 WEB 개발에 도움이 되는 플러그인입니다.
사용 중인 플러그인 관리자 튜토리얼을 참조하세요. Plug 명령이 잘못된 이유는 묻지 마세요. 으아아아 Plug 命令错误

Plug 'othree/html5.vim'

Plug 'hail2u/vim-css3-syntax'
Plug 'groenewege/vim-less'
Plug 'tpope/vim-haml'

Plug 'pangloss/vim-javascript'
Plug 'kchmck/vim-coffee-script'
Plug 'leafgarland/typescript-vim'

" 补充一个 Vue 模板的
Plug 'posva/vim-vue'

" HTML 助手
Plug 'mattn/emmet-vim'

" JavaScript 补全
Plug 'ternjs/tern_for_vim'

" 色彩高亮，例子: #66CCFF
Plug 'gorodinskiy/vim-coloresque'

个人建议你还是用GitHub Atom 或者 VS Code

---

题主在评论里说不喜欢gvim，因为不简洁，我来补图

这是你看到的Gvim

这是我的Gvim

这是我的VPS上的vim

同一份配置，不做任何修改，横跨Windows/Linux，GUI/CLI。

请问，第二张图和第三图有什么不同？

---

Vim 有两种：一种是别人的，一种是你的。

最适合你的工具，是你自己配置的

喜欢vim，不是因为酷炫，不是因为可以装逼。
而是因为它的高自由度，可定制性，强扩展能力

Sublime Text 扩展基于Python
GitHub Atom 扩展基于NodeJS
而vim，支持+lua, +mzscheme，+perl, +python, +python3, +ruby, +tcl，并且自身也有一门语言叫做vimL
简单的说，你可以用以上任何一种语言写vim 插件。
举个例子：

• 使用lua扩展: https://github.com/Shougo/neo...

• 使用python/python3扩展: https://github.com/SirVer/ult...

• 使用ruby扩展：https://github.com/wincent/co...

• 用C写原生扩展也没问题: https://github.com/Shougo/vim...

• 后台调用Go写的引擎: https://github.com/vim-ctrlsp...

• 后台调用JS的模块：https://github.com/ternjs/ter...

高自由度也是有代价的，那就是默认配置甚至零配置非常不友好，
比如Gvim for windows 的默认配置会映射Ctrl-V为粘贴，而正常情况下Ctrl-V개인적으로는 GitHub Atom 또는 VS Code>를 사용하는 것이 좋습니다


피험자는 댓글에서 gvim이 간결하지 않아서 싫다고 하여 사진 몇장 추가하겠습니다

• 지금 보시는 Gvim입니다

🎜 🎜🎜이것은 내 Gvim입니다🎜 🎜🎜 🎜🎜이것은 내 VPS의 vim입니다🎜 🎜수정 없이 동일한 구성이 Windows/Linux, GUI/CLI에서 작동합니다. 🎜 🎜실례합니다. 두 번째 사진과 세 번째 사진의 차이점이 무엇인가요? 🎜

Vim에는 두 종류가 있습니다. 하나는 다른 사람을 위한 것이고 다른 하나는 당신을 위한 것입니다.

가장 적합한 도구는 직접 구성한 도구입니다.

🎜나는 vim이 멋있어서도, 자랑할 수 있어서도 좋아한다. 🎜그러나 높은 자유도, 사용자 정의 가능성 및 강력한 확장성으로 인해🎜 🎜Sublime Text 확장은 Python 기반 🎜GitHub Atom 확장은 NodeJS 기반 🎜그리고 vim은 +lua, +mzscheme , +perl, +python, +python3, +ruby, +tcl 이며 vimL라는 자체 언어도 있습니다. 🎜간단히 말하면 위 언어 중 하나로 vim 플러그인을 작성할 수 있습니다. 🎜예:🎜 🎜 🎜🎜 lua 확장 프로그램 사용: https://github.com/Shougo/neo...🎜 🎜🎜python/python3 확장 프로그램 사용: https://github.com/SirVer/ult...🎜 🎜🎜ruby 확장 프로그램 사용: https://github.com/wincent/co...🎜 🎜🎜C로 기본 확장을 작성하는 것은 문제가 없습니다: https://github.com/Shougo/vim...🎜 🎜🎜Go가 작성한 백엔드 호출 엔진: https://github.com/vim-ctrlsp...🎜 🎜🎜백그라운드에서 JS를 호출하는 모듈: https://github.com/ternjs/ter...🎜 🎜높은 수준의 자유도에는 대가가 따릅니다. 즉, 기본 구성이나 구성이 0인 경우에도 매우 비우호적입니다. 🎜예를 들어 Windows용 Gvim의 기본 구성은 붙여넣기에 Ctrl-V를 매핑합니다. , 일반적인 상황에서는 Ctrl-V가 블록 선택입니다. 🎜이것이 vim의 임계값이 너무 높은 이유입니다. 🎜 🎜🎜 🎜🎜Vim 문서를 훑어보고 설정하려는 매개변수를 설정하세요. 🎜

특정 기능이 필요한데 vim에 해당 기능이 내장되어 있지 않으므로 vim-script로 이동하여 플러그인을 찾으세요.

플러그인이 너무 많고 파일이 너무 지저분하므로 플러그인 관리자 사용법을 배우고 git을 사용하여 GitHub에서 플러그인을 업데이트하세요.

특정 플러그인이 귀하의 요구 사항에 맞지 않아서 vimL 언어를 배우고 직접 플러그인을 작성하기 시작합니다. vimL语言，自己动手编写插件。

某个插件需要其他语言比如+python，+lua 支持，于是你开始自己动手编译vim。

你觉得你的vim 非常强大了，可以做编辑以外的事情：

• 管理数据库

• 管理git repo

• 股票操作

• 直播的时候看弹幕

• 看新闻

• 上Twitter

• 玩俄罗斯方块

• 看视频Bad apple!

• 这都是些什么鬼

发布你的配置/插件包供他人参考了。比如楼下@liuchengxu 同学的space-vim

一旦入门，你压根不用考虑其他编辑器。
通吃所有你知道的以及不知道的平台！通吃所有你知道的以及不知道的语法！

---

至于Vim 的编辑模式:

为什么所有主流支持扩展的编辑器/IDE都有vim 插件？

• Sublime Text: https://packagecontrol.io/pac...

• GitHub Atom: https://atom.io/packages/vim-...

• Visual Studio: https://marketplace.visualstu...

• Visual Studio Code: https://marketplace.visualstu...

• Eclipse: http://eclim.org/

• PyCharm/IntelliJ IDEA: http://plugins.jetbrains.com/...

• Xcode: https://github.com/XVimProjec...

非编辑器：bash, zsh, tmux, Firefox, Chrome

---

특정 플러그인은 +python, +lua와 같은 다른 언어의 지원이 필요하므로 직접 vim 컴파일을 시작합니다.

당신의 vim이 매우 강력하고 편집 이외의 작업도 할 수 있다고 생각하시나요?

데이터베이스 관리

git repo 관리

재고운영

---

라이브 방송 중 댓글 시청하기
뉴스 보기

🎜🎜트위터🎜🎜 🎜🎜테트리스 플레이하기🎜🎜 🎜🎜배드애플 영상 시청하기🎜🎜 🎜🎜🎜이게 대체 뭐야🎜🎜🎜 🎜 🎜🎜다른 사람들이 참조할 수 있도록 구성/플러그인 패키지를 게시하세요. 예를 들어 @liuchengxu의 동급생의 space-vim🎜🎜은 아래층에 있습니다. 🎜 🎜한 번 시작하면 다른 편집자를 전혀 고려할 필요가 없습니다. 🎜당신이 아는 플랫폼과 모르는 플랫폼을 모두 받아보세요! 당신이 아는 문법과 모르는 문법을 모두 받아보세요! 🎜 🎜

Vim의 편집 모드에 관해서:

🎜 🎜확장 기능을 지원하는 모든 주류 편집기/IDE에 vim 플러그인이 있는 이유는 무엇입니까? 🎜

🎜🎜숭고한 텍스트: https://packagecontrol.io/pac...🎜🎜 🎜🎜GitHub Atom: https://atom.io/packages/vim-...🎜🎜 🎜🎜비주얼 스튜디오: https://marketplace.visualstu...🎜🎜 🎜🎜Visual Studio 코드: https://marketplace.visualstu...🎜🎜 🎜🎜Eclipse: http://eclim.org/🎜🎜 🎜🎜PyCharm/IntelliJ IDEA: http://plugins.jetbrains.com/...🎜🎜 🎜🎜Xcode: https://github.com/XVimProjec...🎜🎜

🎜 🎜편집자가 아닌 사용자: bash, zsh, tmux, Firefox, Chrome은 vim 모드 또는 플러그인도 사용 가능🎜 🎜 🎜마지막 중요한 점: 🎜 🎜Vim은 편집자일 뿐입니다🎜 🎜Vim은 편집자일 뿐입니다🎜 🎜Vim은 편집자일 뿐입니다🎜 🎜디버깅이나 기타 사항은 IDE가 편리해야 하기 때문에 초보자에게는 vim을 절대 추천하지 않습니다. 🎜vim에 관심이 있는 초보자들, 기꺼이 도와드리겠습니다. 🎜 🎜 🎜Vim 소스 코드: 🎜https://github.com/vim/vim🎜 🎜Windows용 Gvim: 🎜https://github.com/vim/vim-wi... 🎜 🎜 🎜 🎜🎜냉담한 농담 하나 들려주세요: Sublime Text라는 유물🎜🎜🎜세상은 넓고 한 번도 본 적 없는 것들이 많이 있습니다🎜🎜

Answer 2

VIM을 사용하여 프런트 엔드 코드를 작성하는 사람을 본 것은 이번이 처음입니다. 아마도 Win 플랫폼용일 것입니다.

프런트엔드 코드는 Vim으로 작성할 필요가 없습니다.

sublime과 atom 둘 다 좋습니다.

Answer 3

색 구성표 변경

일반적으로 사용되는 색상 구성표 목록 -- vim-galore

또는 Linux나 macOS를 사용한다면 신중하게 구성하세요: space-vim

하지만 아직 테스트되지 않은 윈도우...

Answer 4

http://vimcolors.com/

폭넓게 사용되는 솔라라이즈

Answer 5

vim에서 코드를 작성하는 것은 멋진 행동이지만 정말 멋집니다