置顶

Vite+Vue3+Vant快速构建项目


字数:1k 阅读时长:4分钟

随着Vue3Vite 版本的不断更新完善,开发体验有了质的飞跃。因此,越来越多的大厂也逐步拥抱 Vue3
利用Vite 脚手架工具可以很轻松生成以 Vue3 为模板的项目,但是作为Vue全家桶的 vue-routervuexaxios等成员,需要自己一个一个去配置。于是便自行开发了本文讲到的 tive-cli 脚手架模板工具,只需短短几个命令便能快速生成配置健全的Vue3全家桶项目,并且集成了VantUI,内置了rem移动端适配,真正做到了开箱即用

Vite + Vue3

阅读全文

Vue 打包优化之 externals 抽离公共的第三方库


字数:1.8k 阅读时长:9分钟

使用 @vue/cli 脚手架构建的 Vue 全家桶项目,默认配置下,打包后会把 vuevue-routeraxiosvuexelement-uiecharts 等公共库打包在一起,导致基础 chunkvendor 包体积特别大,有时一个文件能达到 3-5MB,这会大大影响首次加载速度。因此需要抽离第三方公共库,配合使用 CDN 加速。

Vue Externals

阅读全文

Svelte 实现 keypress 快捷键功能


字数:443 阅读时长:1分钟

有些框架中内置了常用的事件修饰符和按键修饰符,例如:Vue 中就提供了按键 .enter.13),修饰键 .ctrl.alt.shift.meta等修饰符,简化了很多快捷键功能的实现。在 Svelte 中也提供了 preventDefaultstopPropagationonce 等事件修饰符,但是没有内置快捷键修饰符。

Svelte Keypress

阅读全文

前端代码统计工具cloc的安装与使用


字数:612 阅读时长:2分钟

怎么来衡量一个web端项目的大小,一是看页面多少,二是看源代码行数。页面多少比较好统计,通过 Router 的配置大概就能知道。但是源代码行数,如果要一个文件一个文件去计算,那就费了劲了。有问题有需求,就会有人造轮子。本文就介绍一下 代码统计工具cloc的安装与使用

Code Tool

阅读全文