tailwindcss在使用cdn引入静态html的时候,vscode默认不会提示问题
标签搜索

tailwindcss在使用cdn引入静态html的时候,vscode默认不会提示问题

苏顾.
2024-06-26 / 2 评论 / 157 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2024年06月26日,已超过148天没有更新,若内容或图片失效,请留言反馈。

前言

  在昨晚偶然了解到tailwindcss这个css框架,第一时间想上手实践,唯一的问题就是没有代码提示,不显示类名,今天在互联网的海洋里遨游一番,才有了最新的解决办法

解决方法

  1.首先确保vscode下载tailwind插件:Tailwind CSS IntelliSense

lxvaf631.png

  2.需要在根目录文件夹创建一个tailwind.config.js文件

lxvag8wa.png

  3.编辑tailwind.config.js

module.exports = {}

插件扩展设置中的Tailwind CSS :Emmet Completions默认是未勾选的,可根据需要手动勾选,这里建议勾选
lxvan96r.png

无需引入即可使用插件,提供代码提示
原教程来自
http://t.csdnimg.cn/p8CVR
https://muki.tw/cdn-tailwindcss-vscode-enable-tailwindcss-intellisense/
http://t.csdnimg.cn/2OFNM,本文在此基础上有做修改

结语

  感谢你花时间阅读本文。如果它对你有所帮助,请考虑打赏一下或点个赞。你的支持是我继续创作的动力。祝你学习愉快,代码顺利!

7

打赏

评论 (2)

取消
  1. 头像
    yzvwlgrsft
    Windows 10 · Google Chrome

    不错不错,我喜欢看 www.jiwenlaw.com

    回复
  2. 头像
    qabojuavhg
    Windows 10 · Google Chrome

    不错不错,我喜欢看

    回复