Vue.js【共12篇】

经过一段时间的UnoCSS的了解和学习，做了不少研究和笔记，分享一下我的经验。

UnoCSS的icon图标有时候没有正常显示，反复检查了icon引入方式、试着清除缓存都没用，可是同样写法有的却能生效，来看看你是不是也没注意到一个UnoCSS的细节。

最近项目使用了UnoCSS，开发环境下正常，准备发布到测试环境预览，竟然编译不通过，提示： [unocss:global:build:scan] pluginContext.emitFile is not a function ，这下慌了，赶紧补救啊。

前端项目中经常需要同时引用CSS库和UI库，比如 TailwindCSS 和 ElementPlus 一起搭配，设计稿也许完全按照ElementPlus的颜色设计，比如一些重要的或危险的文字色值采用 "#F56C6C" (Danger)，而TailwindCSS中的 text-red-500 虽然近似，但终究是无法统一的，接下来我将介绍下，如何将ElementPlus的Colors扩展到TailwindCSS中。

Vite项目中使用ElementPlus和TailwindCSS出现按钮组件样式问题，明明开发的时候是好好的，这下没测试，上线原地爆炸，我的蓝色按钮上线裸奔，老板提着刀正在赶往你的工位中。。。快来看看怎么回事！！！

在油管上看到一个不错的视频《5 Tools Every Vue.js Developer Should Know! // 5 Cool Websites and Tools For Vue Developers》，里面有几个工具和网站确实不错，做做笔记分享给大家。

一个 Vue.js 项目有独立的设计规范，于是需要对整个 ElementUI 主题进行配置，这里需要通过 CLI工具 重写，参考官方文章命令行主题工具，却发生了 ReferenceError: primordials is not defined 错误，接下来看看怎么处理吧。

VueCLI 4.x 的项目集成 TailwindCSS 和 PurgeCSS 后，在开发C端Web应用中有非常好的效果，也可以满足响应式站点的需要，之前基于 VueCLI 3.x 搭建的脚手架无法运行了，这次更新了脚手架并重新总结了一下。

国庆节日后回来，接着开发之前的项目（基于 Vue-CLI 4.4.6 搭建），发现有个项目在无论是 chrome 还是 firefox 下，切换 Vue.js devtools 的标签时，就会卡在显示Vue.js的LOGO动画，无法继续操作。这个突如其来的问题折腾了我很长时间。

最近搞团队前端基础建设，因为公司使用的是Vue项目，为了保证团队的规范和可维护性，做了大量的 ESLint 、 Vetur 等Vue项目相关的研究。其中在进行 vue/no-unused-vars 配置中，遇到了些问题和大家分享下。