您的位置:首页技术文章
文章详情页

vimrc - 大家好,刚刚入手vim,前端开发写html,css,js的,有什么好的语法高亮插件推荐?

【字号: 日期:2024-04-02 15:41:32浏览:95作者:猪猪

问题描述

这种vim自带的实在太矬了。

vimrc - 大家好,刚刚入手vim,前端开发写html,css,js的,有什么好的语法高亮插件推荐?

请大家帮帮忙介绍几个。谢谢。

问题解答

回答1:

先去下载或自己编译个最新的Gvim 8.0吧

Windows下用vim,可以vim写Web, 也可以 但是用msysGit 附带的vim 写 web,头一次见

msysGit 包含一个不完整的MSYS 环境, msysGit 附带的vim 也是一个不完整的vim。

你先找个完整的vim,再来讨论插件问题

下面是对WEB开发有帮助的插件, 自行参考你所使用的插件管理器教程,不要问我为啥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’' 色彩高亮,例子: #66CCFFPlug ’gorodinskiy/vim-coloresque’

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

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

vimrc - 大家好,刚刚入手vim,前端开发写html,css,js的,有什么好的语法高亮插件推荐?

这是你看到的Gvim

vimrc - 大家好,刚刚入手vim,前端开发写html,css,js的,有什么好的语法高亮插件推荐?

这是我的Gvim

vimrc - 大家好,刚刚入手vim,前端开发写html,css,js的,有什么好的语法高亮插件推荐?

这是我的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 是 块选择。这也是为什么说vim 的门槛太高。

你翻阅Vim 文档,设置你想要设置的参数。

你需要某个功能,而vim 没有内置,于是你去vim-script找插件。

插件太多,文件太乱,于是你学会了使用插件管理器,使用git从GitHub更新插件。

某个插件不适合你的需求,于是你开始学习vimL语言,自己动手编写插件。

某个插件需要其他语言比如+python,+lua 支持,于是你开始自己动手编译vim。vimrc - 大家好,刚刚入手vim,前端开发写html,css,js的,有什么好的语法高亮插件推荐?

你觉得你的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 也有vim 模式或插件

最后说个重点:Vim 只是一个编辑器Vim 只是一个编辑器Vim 只是一个编辑器

调试什么的,IDE确实要方便,所以我从不推荐新人用vim。对vim有兴趣的新人,我愿意提供帮助。

Vim 源码:https://github.com/vim/vim

Gvim for Windows:https://github.com/vim/vim-wi...

说个冷笑话: 神器Sublime Text世界很大,很多你没有见过

回答2:

首次看见有人使用VIM写前端代码. 而且估计是Win平台的. 请问你老师是谁?

前端代码不必要使用Vim来写.

sublimeatom 都是不错的. 自己搜索一下吧.

回答3:

换个 colorscheme

a list of commonly used colorschemes -- vim-galore

或者好好配置一下,如果你用Linux 或 macOS, 我会不要脸地推荐:space-vim

可是 windows, 尚未测试...

回答4:

http://vimcolors.com/

广泛使用的solarized

回答5:

用vim写代码是一种很酷炫的行为,然而也仅仅是酷炫而已

标签: HTML