vim格式化CSS有快一点的办法吗？

Question

vim格式化CSS有快一点的办法吗？

有一份CSS档，没有回车，没有缩进。
<esc> qq/;a<enter><esc>q
然后%s/；/&/gn
8200@q
大约每秒两条
用的是ubuntu12.04，在win上好像还快些
有快一点的办法吗？

Answer 1

在 Vim 中格式化 CSS 文件，你提到的方法确实比较繁琐且效率不高。下面介绍几种更快、更自动化的方法来格式化你的 CSS 文件。

方法一：使用内置的 = 命令

Vim 自带一个简单的自动缩进功能，可以尝试使用它来格式化你的 CSS 文件：

1. 打开你的 CSS 文件：

   vim yourfile.css

2. 全选文件内容并进入命令模式：

   gg=G

   这里 gg 跳转到文件的开头，=G 是自动缩进从当前行到文件末尾的所有内容。

方法二：使用外部工具（如 cssbeautifier）

你可以使用外部工具来格式化 CSS，然后在 Vim 中查看结果。例如，cssbeautifier 是一个流行的 CSS 格式化工具。

1. 安装 cssbeautifier。你可以使用 npm 来安装：

   npm install -g cssbeautifier

2. 在 Vim 中使用 ! 前缀来执行外部命令：

   :%!cssbeautifier

   这条命令会将整个文件的内容传递给 cssbeautifier 进行格式化，然后将格式化后的内容写回文件。

方法三：使用插件

Vim 有许多插件可以帮助你格式化代码，以下是一些流行的插件：

1. prettier：

   • Prettier 是一个流行的代码格式化工具，支持多种语言，包括 CSS。
   • 你可以使用 vim-plug、Vundle 或其他插件管理器来安装 Prettier 插件。
   • 安装后，你可以在 Vim 中使用 :Prettier 命令来格式化文件。

   例如，使用 vim-plug 安装 Prettier：

   " 在你的 .vimrc 文件中添加
   Plug 'prettier/vim-prettier', { 'do': 'yarn install' }

   然后在 Vim 中执行：

   :PlugInstall

   安装完成后，你可以使用：

   :Prettier

2. vim-autoformat：

   • 另一个支持多种语言格式化的插件。
   • 安装和使用方法类似，通过插件管理器添加并安装后，使用相应的命令来格式化文件。

方法四：升级你的 Vim 和系统

你提到在 Ubuntu 12.04 上运行 Vim 比较慢，这可能是因为系统和 Vim 版本都比较旧。考虑升级到较新的 Ubuntu 版本（如 20.04 或 22.04）以及最新版的 Vim（或 Neovim），可能会显著提升性能。

Answer 2

我推荐一个插件给你

安装和配置 vim-autoformat

1. 安装插件管理器：

   • Vundle：

     Plugin 'chiel92/vim-autoformat'

   • vim-plug：

     Plug 'chiel92/vim-autoformat'

2. 运行以下命令安装插件：

   :PlugInstall

3. 配置自动格式化：
   在你的 ~/.vimrc 文件中添加以下配置：

   " 启用自动格式化
   noremap <F3> :Autoformat<CR>
   " 保存文件时自动格式化
   au BufWrite * :Autoformat

使用

安装并配置完成后，可以通过以下方式使用 vim-autoformat：

• 按下 F3 键手动触发代码格式化。
• 保存文件时自动格式化代码。

使用示例

假设已经安装并配置了 vim-autoformat，只需打开你的 CSS 文件并按 F3 键，或者保存文件时自动格式化。