跳转到主要内容
你行网

Main navigation

  • 首页
  • 文章
  • 教程
  • 视频
  • 下载
  • 社区
  • 网站导航
User account menu
  • 登录

面包屑

  1. 首页

Vim 上的 CSS 自动补全功能

由 hrs, 25 十月, 2021

vim-01_0.png

如果您是一位 CSS初学者, 并且您不是 CSS 高手,您可能会忘记许多可能需要使用的CSS语法。

大多数IDE代码编辑器都带有开箱即用的 CSS 自动完成功能,这是一个很方便的功能,可以为您节省大量时间并防止出错。当你转向 vim 时,你可能认为你会失去那些编辑器提供的一些自动补全功能……但是……

您不要小看vim

Vim 本身提供对 CSS 自动完成的完全支持,并且它包含现代特性的语法,如 CSS 网格。你只需要在你的上设置它

那么我们该如何设置它呢?

  1. 打开你的文件。
  2. 添加以下几行:
"--autocompletion
filetype plugin on
set omnifunc=syntaxcomplete#Complete

vim-02.png

  1. 开始输入您要查找的名称,按它就会自动弹出匹配的css样式代码,是不是很方便!

vim-03.gif

使用您创建的 CSS 名称(ID、类等)自动完成

Vim 提供了本地命令<根据所有打开的文件(缓冲区)中存在的单词自动完成。无需设置!

您开始输入单词,点击<C-n>  Ctrl + n,它会返回在所有文件中找到的匹配项。

vim-04.gif

您会注意到 vim 不会将特殊字符视为单词的一部分,并且如果您的名称以破折号分隔,则您必须自动完成两次。

标签

  • vim
  • 登录或注册以发表评论

评论

相关文章

coc.nvim 的补全快捷键设置
如何安装 coc-intelephense
vim 缓冲区列表命令
vim 一些常用设置的解释
vim出现无效寄存器错误
vim 如何取消高亮
vim 如何关闭多个文件
在 ubuntu 系统安装Vim-Plug
如何使用 Vim 的 Syntastic 插件
vim 设置默认窗口大小
如何在 Vim 中复制文本(到剪贴板)
Linux中如何用Vim复制粘贴外部内容
vim 命令使用大全
Vim编辑模式下查找与取消查找
vim在每行行首或行尾添加或删除内容
vim 查找与替换
如何在 Vim 中自动完成 CSS 语法
如何在 Vim 中自动完成 HTML 代码
vim-surround命令使用方法
vim yy复制p粘贴dd删除x剪切命令

文章标签

CSS
Excel
ubuntu
php
vim
五笔
Linux
HTML
command
drupal 7
composer
centos
Mysql
drupal 8
模块(module)
drush
JavaSrcipt
apache
VPN
drupal 9
英语
Drupal
nerdtree
SEO
network
surround
果树种植
drupal10
主题(theme)
phpmyadmin
ssh
权限
yum
二进制
声音
ssl
selinux
HTML5
用户
Dreamweaver
password
flameshot
颜色
翻译
uploadprogress
DDEV
视图(views)
firewalld
gzip
快捷键
kernel
xdebug
错误
ckeditor
mbstring
C语言
源地址
电脑基础
certbot
git
php扩展
apt
简介
压缩解压
表单
httpd
电子秤
breadcrumb
邮件验证
AI
superfish
diff
重定向
网站备份
tagclouds
WireGuard
java
摄影
docker
adsense
drupal9
短信验证
simple_adsense
csharp
电脑技巧
算法
RSS
youtube
JavaScript
版本号
badblocks
端口
cookie
VUE
网站运营
计算机基础
form
gimp
mod_expires 模块
nginx
http验证
zip
重定向,301
curl
dns
input
赚钱
RFID
maven
drupal 11
ip
drupal11
npm
标签优化
netstat
哈希值
字段
更多
RSS源
本站由阿里云强力驱动,幸运券优惠链接
Copyright © 2019 - 2021 你行网 版权所有  粤ICP备19072650号