nvimでtailwindcssのクラスを補完して自動で並べ替えたい

[nvim]

[tailwindcss]

  1. Masonで tailwindcss-language-server をインストール
  2. tailwind-tool.nvim をインストール
    -- tailwind-tools.nvim
    {
    ^ "luckasRanarison/tailwind-tools.nvim",
    ^ name = "tailwind-tools",
    ^ build = ":UpdateRemotePlugins",
    ^ dependencies = {
    ^ ^ "nvim-treesitter/nvim-treesitter",
    ^ ^ "nvim-telescope/telescope.nvim", -- optional
    ^ ^ "neovim/nvim-lspconfig", -- optional
    ^ },
    ^ opts = {}, -- your configuration
    },
  3. npm i -D pretteir-plugin-tailwindcss を実行し設定に追記
    .prettierrc.json
    {
    ...
    "plugins": ["prettier-plugin-tailwindcss"],
    ...
    }

上記の設定で、

が動くようになる。

色の表示

クラス名補完

オレキシン発見者 柳沢教授の睡眠論