日常抖音上经常刷到 AI 绘画的内容,觉得挺有趣的,寻思着能不能自己部署一个,网上 Google 了下找到了这个超火的 AI 绘画开源的程序stable-diffusion-webui,看了下基本的介绍,支持 Windows、Linux、Mac,由于本人使用的 Mac,记录下 Mac 的本地部署教程,整体教程参考 Wiki 中的Installation on Apple Silicon
常规 ESLint 配置通常比较复杂,好在之前一直关注过 antfu 大佬的 eslint-config,乘着有时间把自己的 VuePress2 博客也迁移到使用该 ESLint 配置,该配置使用比较简单,不用太多繁琐的操作,照着项目文档操作即可。
前几天自从重启VsCode自动更新后,在源代码管理中多出了传入/传出
,大量的记录导致VsCode变的极度卡顿,网上搜索一番后记录下怎么关闭。
日常工作中避免不了页面需要使用特殊字体,对于特定的数字或者字母我们可以使用Fontmin输入固定的字符来生成一个很小的符合要求的字体文件,对于整个网页都需要使用特定字体的情况这种情况就不太适用了,Google搜索一番后找到一个Font Splitter工具,可以将一个很大字体文件按unicode-range规则分割成若干小字体文件,并生成一个Css,如果页面不使用此范围内的任何字符,则不会下载字体。
虽然 Vite 支持环境变量和模式,支持配置各种环境变量及获取,但部分情况我们可能不想讲该配置放到环境变量里面,比如我想运行一个打包分析,生成代码分析报告的命令:npm run report
,执行代码打包并生成代码分析报告,不想因为额外一个命令去维护一个单独的环境变量,此时我们就可以使用-- --
在打包的时候传递额外的自定义参数。
不知道为什么,搜索vue3打包分析
、vite打包分析
,清一色的都是推荐的使用rollup-plugin-visualizer
插件,我自己也使用过,感觉这个打包分析的插件生成的分析报告贼不好用,不支持放大缩小,只能点击模块进行放大,尝试了下按Exclude
和Include
关键词搜索也搜索不出内容,不知道是不是我使用有问题还是我搜索方式不对,总之感觉没有vue2的vue-cli-service
生成的报告好使。
为什么要自己搭建一个书签管理器,浏览器的书签管理不够用吗?之前收藏过不少的文章教程等内容,但由于不可变因素导致原网页停止服务或者文章内容被删除等等情况,导致后来我想查看的时候就很尴尬。虽然国内有成熟的产品,但是免费版本功能都有数量等限制,Google搜索了下相关的开源书签管理工具,最重要的一个要求就是可以存档当时的页面,以防页面挂掉的时候依旧可以查看。最终找到了符合要求的 Linkwarden。
团队开发过程中,避免不了不了多人合作开发,而每个人的代码风格也可能不同,虽然可以使用Prettier
来格式化一些基本的代码格式规范,但更详细的Vue3书写规范还是需要使用Eslint的插件eslint-plugin-vue。
在之前vue2的版本中,经常在axios
请求中对于后端返回的部分错误码进行国际化报错处理,使用te('some.key')
判断key是否在国际化文件中,如果存在就翻译key进行报错,如果不存在则提示后端返回的具体错误信息。新项目使用Vue3 + vue-i18n-next,发现在使用te
或者$te
方法均返回的false
,Google搜索一番后找到一个issue完美解决问题,记录下相关的代码。
前段时间由于业务需要,需要在客户使用的H5端集成一个扫描二维码的功能,调研后决定使用Zxing-js的库,目前市面上大部分扫码功能都是基于该库去实现。