相信今天推荐的这个插件可以解决很多人 vite 使用过程中遇到过的体验不好的痛点，用过 import.meta.env 的小伙伴应该都有这样的问题。

Vue Macros 让你能提前体验下一个版本的Vue功能，也能了解到Vue团队的规划与野心，提前适应新版本

掘金总是有人抵触ref，抵触reactive，说ref有个value很丑，reactive有类型限制等等，其实没什么好吵的，爱用哪个用哪个。当一个组件响应式变量很多的时候我们其实用reactive更好

背景 使用Vue3 + Vite4 + Pinia + Axios + Vscode模式开发之后，感叹真香！不用再单独去下载HBuilderX。废话不多说，直接上干货！ 版本号 node: v16.1

大家好，我是CUGGZ。 今天来推荐 Github 上几个热门的前端开源项目！ 1. 高仿 QQ音乐（Vue） 一个使用 Vue3+TS 开发的音乐播放器，界面模仿QQ音乐Mac客户端，支持黑夜模式。

 需要借助sass-resources-loader工具在src\assets\css目录中新建一个common.scss文件，并且声明一个变量然后在项目的根目录下，新建vue.config.js文件

前言 Pinia.js 是新一代的状态管理器，由 Vue.js团队中成员所开发的，因此也被认为是下一代的 Vuex，即 Vuex5.x，在 Vue3.0 的项目中使用也是备受推崇。 Pinia.js

中写了Ts的一些类型、属性等简单语法，以及类、接口、装饰等高级用法后，今天我们来看看如何在vue项目中使用ts,目前使用公司项目用的较多的还是vue2.x,vue是渐进式的框架，我们学习也要渐进式的，所以本文也先围绕vue2.x来对Ts进行实战，为后期切换vue3.0打下基础。…

有的时候，我们需要在用户点击元素之外的时候触发一个事件。最常见的用例是当你想通过点击关闭一个下拉框或对话框时。这是一个必不可少的包，几乎在我构建的每个应用中都会用到。 我通常会将它安装在 main.js 中，以便在我的应用程序中使用。如果你只在一个或两个页面上使用它，你可能会想…