问题:
我在WebStorm中打开了个vue项目,并且用到了tailwind css,安装过程跟tailwind中一样,在插件中心中也安装了tailwind的插件,但是还是没有提示。
解决方案:
1. 将 tailwind.config.js 改为 tailwind.config.cjs
2. 文件内容修改为:
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./index.html',
'./src/**/*.{vue,js,ts,js,jsx,tsx}'
],
theme: {
extend: {},
},
plugins: [],
};
3. 将postcss.config.js 修改为 postcss.config.cjs
4. 文件内容修改为:
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
}