轻松搞定VIM高亮NGINX配置文件的方法

下面是“轻松搞定VIM高亮NGINX配置文件的方法”的完整攻略:

1. 安装VIM插件管理器

首先,需要安装VIM的插件管理器,常用的有VundlePathogenVim-plug等,本文以Vim-plug插件管理器为例:

在终端中输入命令:

$ curl -fLo ~/.vim/autoload/plug.vim --create-dirs \
    https://raw.githubusercontent.com/junegunn/vim-plug/master/plug.vim

创建 ~/.vimrc 文件夹(如果不存在):

$ mkdir -p ~/.vim/autoload

安装Vim-plug插件管理器完成。

2. 配置VIM插件

打开VIM配置文件~/.vimrc, 加入插件列表以及插件配置项:

call plug#begin()
" 插件列表
Plug 'sheerun/vim-polyglot'      " 自动根据文件类型设置高亮
Plug 'pangloss/vim-javascript'   " JavaScript 语法高亮
Plug 'cakebaker/scss-syntax.vim' " Sass/SCSS 语法高亮 
Plug 'tpope/vim-fugitive'        " Git 命令插件
Plug 'rking/ag.vim'              " AG 快速搜索
Plug 'scrooloose/nerdtree'       " 目录树插件
Plug 'vim-airline/vim-airline'   " StatusBar 样式美化插件
" 插件配置项
" 自动开启 polyglot 的语法高亮
autocmd FileType * setlocal formatoptions-=c formatoptions-=r formatoptions-=o
set termguicolors             " 开启真彩色支持
set background=dark           " 设置背景为暗色系
set laststatus=2              " 总是显示状态栏
set encoding=utf-8            " 设置编码格式为utf-8
set tabstop=4                 " 设置tab长度为4个空格
set number                     " 显示行号
set statusline=%F%m%r%h%w[\ %{&ff}\ ][\ %Y\ ][\ %02n:%02v\ ]\ [\ %p%%\ ]
" 快捷键配置
nmap <Leader>na :NERDTreeFind<CR>
map <Leader>f :Ag<Space>
nnoremap <Leader>gs :Gstatus<CR>
nnoremap <Leader>gc :Gcommit<CR>
nnoremap <Leader>gb :Gblame<CR>
nnoremap <Leader>gd :Gdiff<CR>
nnoremap <Leader>gh :diffget //2<CR>
nnoremap <Leader>gl :diffget //3<CR>
call plug#end()

重启VIM,运行命令:PlugInstall安装插件列表中的插件,安装完成后重启VIM。

3. 启用语法高亮

Vim-polyglot插件默认启用了自动语法高亮,如果没有生效,可以在启动VIM后执行命令:syntax on启用。

示例1:对着一个普通nginx.conf配置文件进行语法高亮:

:set syn=nginx

或者

:setfiletype nginx

示例2:在VIM中使用nginx.vim插件高亮 nginx.conf配置文件,只需要在~/.vimrc文件中加入如下语句:

autocmd FileType nginx setlocal ft=nginx

完成以上配置后,再次打开nginx.conf文件,就可以看到VIM中已将配置文件自动高亮。

以上就是“轻松搞定VIM高亮NGINX配置文件的方法”的完整攻略。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:轻松搞定VIM高亮NGINX配置文件的方法 - Python技术站

(0)
上一篇 2023年5月16日
下一篇 2023年5月16日

相关文章

  • Nginx 设置白名单

    有四种方式可以实现 第一种方式就是 利用防火墙的方式来实现 [root@china ~]# vim /etc/sysconfig/iptables …… -A INPUT -s 112.112.15.16 -p tcp -m state –state NEW -m tcp –dport 80 -j ACCEPT -A INPUT -s 112.1…

    Nginx 2023年4月12日
    00
  • Python Web应用部署方式:Django+Gunicorn+Gevent+nohup+Nginx

      前期准备 更新apt-get apt-get update 安装pip sudo apt-get install python-pip 安装Django Gunicorn Gevent gunicorn:高性能WSGI服务器; gevent:把Python同步代码变成异步协程的库; sudo pip install django gunicorn gev…

    Nginx 2023年4月9日
    00
  • Nginx负载均衡权重,ip_hash

    nginx为后端web服务器(apache,nginx,tomcat,weblogic)等做反向代理     几台后端web服务器需要考虑文件共享,数据库共享,session共享问题.文件共享可以使用nfs,共享存储(fc,ip存储都行)+redhat GFS集群文件系统,rsync+inotify文件同步等.小规模的集群中使用更多的是nfs.对于内容管理系…

    Nginx 2023年4月13日
    00
  • Ubuntu 上 Nginx 报错 502 Bad Gateway

    环境OS: Ubuntu 19.04nginx version: nginx/1.16.0 解决办法 修改 php-fpm 的配置,将 unix 套接字模式改成 tcp/ip 的方式。sudo vi /etc/php/7.2/fpm/pool.d/www.conf: ;listen = /run/php/php7.2-fpm.sock #给老子滚犊子 lis…

    Nginx 2023年4月12日
    00
  • nginx服务器配置tp框架,访问路径始终不出现的问题

    原文连接:https://www.cnblogs.com/adu0409/articles/3359160.html 这个问题困了小半个月,今天终于找到原因了,记录一下。 问题描述:在nginx服务器的搭建时,引进tp框架,但是无论访问什么路径,始终是/。 解决过程:查找底层代码,发现request类使用了path方法,一步步追踪打印,发现是$_SERVER…

    Nginx 2023年4月13日
    00
  • 浅谈nginx反向代理中神奇的斜线

    我们来详细讲解一下“浅谈nginx反向代理中神奇的斜线”的攻略。 什么是nginx反向代理? 在开始前,我们先来了解一下nginx反向代理的概念。简单来说,反向代理就是服务器接收到客户端的请求后,再将请求分发到多个服务端中,将得到的结果返回给客户端,使得客户端从外部看到的是一个服务。 斜线在nginx反向代理中的作用 在使用nginx反向代理的过程中,斜线是…

    Nginx 2023年5月16日
    00
  • nginx部署前端工程

    1.安装nginx后将前端工程放到niginx安装目录的 /nginx/html 文件夹下 2.进入/nginx/conf文件夹下修改nginx.conf配置文件,配置内容如下 server { listen 80; server_name www.xxx.com; error_page 500 502 503 504 /50x.html; location…

    Nginx 2023年4月10日
    00
  • nginx读取图片没有权限

    场景是这样的,我们项目中上传图片到linux服务器后,保存图片存储路径和网络访问路径。app中用数据库返回的 图片访问路径来访问图片(nginx通过nfs方式读取图片)。但是访问不到。要手动 chmod  777 才能访问。 这显然不合理,通过修改weblogic 的startWeblogic.sh 中的unsum   -117  改为 -022就ok了。 …

    Nginx 2023年4月9日
    00
合作推广
合作推广
分享本页
返回顶部