Giter Site home page Giter Site logo

coc-tailwind-intellisense's Introduction

banner

Coc integration for Tailwind CSS IntelliSense for version 0.56

Install

:CocInstall https://github.com/rodrigore/coc-tailwind-intellisense

or if you are a vim-plug user, add:

Plug 'rodrigore/coc-tailwind-intellisense', {'do': 'npm install'}

in your .vimrc or init.vim, then restart or source vimrc and run :PlugInstall.

Features

  • Autocomplete autocomplete
  • Linting linting
  • Hover Preview hover

Features not working

  • Since version 0.42 tailwind have the ability to show color decorator. At the time of this writing vim/neovim/coc.nvim don't support decorator.

Settings

  • tailwindCSS.enable set to false to disable tailwind intellisense server. (true by default)
  • Official settings

Troubleshooting

coc-tailwind-intellisense's People

Contributors

dimfeld avatar petertriho avatar rodrigore avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

coc-tailwind-intellisense's Issues

Theme :)

Sorry for offtopic question, but whats the theme, statusbar etc. from screenshots? It is hot as hell ๐Ÿ”ฅ

Not compatible with latest "jit" mode introduced in tailwind

Hello! This project no longer seems to be compatible with the latest tailwind version. Tailwind recently added a new jit mode that makes the developer environment drastically better. The official tailwind-intellisense project recently got it working with that mode, so I thought I'd see if this project has any plans to update for compatibility.

Thanks!

Doesn't start when opening file directly from shell

When opening a file directly from the shell, the language server doesn't start for me. For example when running this:

nvim index.html

I don't get any error; simply nothing happens.

When I open nvim first, and then open the file using :e index.html, the language server does start normally.

It does work with other language servers, e.g. with phpls (intelephense).

Not working with .svelte file

Using with brand new sveltekit (https://kit.svelte.dev).
and tailwindcss with svelte-add (https://github.com/svelte-add/svelte-add). (jit or not same results)
while svelte is working it does have tailwind.config.cjs at root.

It's working for react(.js files) just fine.

I've noticed service doesn't start at all.
CocOpenLogs

2021-05-09T14:10:28.039 INFO (pid:17515) [coc-git] - Looking for git in: git
2021-05-09T14:10:28.080 INFO (pid:17515) [services] - registered service "highlight"
2021-05-09T14:10:28.128 INFO (pid:17515) [language-client-index] - highlight started with 17539
2021-05-09T14:10:28.684 INFO (pid:17515) [plugin] - coc.nvim 0.0.80-46353b786b initialized with node: v14.16.0 after 891ms
2021-05-09T14:10:30.442 INFO (pid:17515) [language-client-index] - svelte started with 17609
2021-05-09T14:11:01.757 INFO (pid:17515) [attach] - receive notification: openLog []

Any help?

CocUpdate - invalid version

Hi,

Thanks for the extension.

When running :CocUpdate, I'm getting an error:

- โœ— coc-tailwind-intellisense Invalid Version: 0.2

I think the fix would be to have a version with 3 numbers (e.g. 0.2.1).

Not working with Tailwindcss 3.0.1

I just created two new react apps, one using Gatsby, and one using Create-react-app.

In the gatsby app - Coc tailwind works great!

But with the fresh create-react-app, I can't get it to work..

I'm following these instructions: https://tailwindcss.com/docs/guides/create-react-app, but using the typescript template. I've blown away the directory and tried twice to no avail.

When I check CocList > Extensions, it says tailwind is running..

my config looks like:


module.exports = {
    purge: ["./src/**/*.{js,jsx,ts,tsx}"],
    darkMode: false, // or 'media' or 'class'
    theme: {
        extend: {},
    },
    variants: {
        extend: {},
    },
    plugins: [],
};

What else can I check?

Not working in .svelte pug blocks

Similar problem to #14 except for me it does work in non-pug blocks. But if I use the pug syntax it doesnt work at all.

It does work in vscode though, which sucks.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.