NuxtJS 智能感知

Question

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?

Answer 1

To get Tailwind IntelliSense, you'll have to install Tailwind CSS IntelliSense by Tailwind to your VSCode

Answer 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.