使用Windi CSS（基于vue-cli）

2023-12-25 23:41:20

1、先创建vue项目

利用脚手架vue-cli创建，根据需求设置vue版本、babel等，无特别要求直接用默认的vue2或vue3就行

vue create 项目名

2、运行vue项目

3、利用vue-cli安装Windi CSS

官网指导：Vue CLI 集成 | Windi CSS

我的经历：直接终端输入以下命令即可自动安装，且在main.js文件会自动引入，也无需在vue.config.js中配置了才能使用，有特别定制的可以配置，不需要特别定制的可以不配置

vue add windicss

【注意】这一步可能会报错：vue : 无法加载文件......，解决方法看：vue : 无法加载文件 F:\nodejs\vue.ps1，因为在此系统上禁止运行脚本。_vue无法加载文件-CSDN博客

VS code插件：WindiCSS IntelliSense，可以辅助自己使用

文章来源:https://blog.csdn.net/weixin_43526403/article/details/135210433
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。