nvimでtailwindcssのクラスを補完して自動で並べ替えたい
- Masonで
tailwindcss-language-server
をインストール - 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},
npm i -D pretteir-plugin-tailwindcss
を実行し設定に追記.prettierrc.json {..."plugins": ["prettier-plugin-tailwindcss"],...}
上記の設定で、
- 色の表示
- クラス名補完
- クラス名の自動並べ替え
が動くようになる。