先附上源码地址：https://github.com/cwjbjy/vite-vue-ts-seed 1. 初始化项目 1. node版本要求 使用node16以下版本在运行vue-tsc时会报错。n

尤大的 Vue3.0 已经发布有一阵子了，已经很成熟了。 而且 Element Plus + Vite 也出了一段时间了，是时候该上手体验分享一波了。 主要是要熟练一下 Vue3，好准备用 Vue3 重构一下自己的网站项目: blog-vue-typescript ，计划是过年…

2021第一更是尤大的Vite2，全新插件架构，丝滑的开发体验，和Vue3的完美结合。 2021年第一弹，村长将以Vite2+Vue3为主题开启大家的前端学习之旅。 Vite2主要变化在插件体系，这样更标准化、易扩展。Vite2插件API扩展自Rollup插件体系，因此能兼容现…

作为一个程序员，代码能力毋庸置疑是非常非常重要的，就像现在为什么大厂面试基本都问什么 API 怎么实现可见其重要性。我想说的是居然手写这么重要，那我们就必须掌握它，所以文章标题用了死磕，一点也不过分，也希望不被认为是标题党。 作为一个普通前端，我是真的写不出 Promise A…

如果觉得我写得还行的话，请献上你宝贵的一赞👍，这将是我持续写作的动力！感谢大家啦。 所有的代码、文件全部都开源到 GitHub 仓库中，前后端代码全部都在仓库里。 并没有任何藏着掖着的行为，包括后端 API 接口的代码也全部开源，不会说缺少哪个页面或者某个重要功能，这种事情是…

本来不想写这些话的，翻文章的时候翻到了几年前写的一篇旧文，里面记录了我为什么做开源项目，忽然被那时的自己感动了，于是有了下面这些话，希望大家看一看。 写了几年的博客，也做了不少开源项目，最令我感动的不是“牛逼”、“厉害”、“大佬”这样的评价，因为我不牛逼，我也不是大佬，我更喜欢…

在vue工程中创建SplitPane组件，引入页面使用。 SplitPane组件由三部分组成：区域1，区域2，以及滑动器。添加这三个元素，并分别添加class名，注意.pane为区域1和区域2共用。 将容器设置为flex布局，区域2的flex属性设为1，则区域2会根据区域1的宽…

我们常用的响应式布局方案是--利用rem单位，通过计算不同移动端下HTML根字体大小，来实现页面的适配。 首先让我们来了解一下什么是rem？rem是CSS3新增的一个相对单位（root em，根em），这个单位引起了广泛关注。它的相对是相对于HTML根元素来说的，假如我们设置H…

简介viewportWidth也是vw布局从配置上来说比rem布局的配置要简洁了很多不需要配置安装lib包也不需要增加一个rem.js文件简称拎包使用安装包或者配置移动端在vue.config.js中