'NuxtJS Intellisense
I've recently started a web project using NuxtJS with Tailwind CSS as it's apparently auto-including, fast, efficient and would let me create and learn easily.
As I'm not very experimented in web and direclty learning from Tailwind and not "regular" CSS I don't know all of the style tags (margin-left: 0 would be mx-0 for example) and I started looking for Intellisense but none of them seems to be working.
I tried installing for NuxtJS, Tailwind, Vue, but nothing appears and when pressing CTRL + Space I just got a "No suggestions." (in .vue files).
Has anyone been working with NuxtJS and is using an intellisense for VSCode ?
Solution 1:[1]
To get Tailwind IntelliSense, you'll have to install Tailwind CSS IntelliSense by Tailwind to your VSCode
Solution 2:[2]
WindiCSS is also quite popular in the Vue ecosystem, their VScode extension is more powerful and deserves a try (it's made by antfu too!).
Otherwise, if you're new to the Web I highly recommend starting by the basics (HTML, then CSS, then JS, then Vue) before reaching upon Nuxt. You will have a bad time trying to understand what is happening because of the super high abstraction.
Even if a meta-framework (like Nuxt) is quite useful, it brings a lot and you probably need to understand what you get rather than thinking that it's the default, otherwise it will have too "much magic" for your learning process.
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | UdithIshara |
| Solution 2 | kissu |