pnpm使用

代码规范—husky + lint-staged实现commit之前的代码检查

前言husky的作用就是在提交代码时触发不同的钩子，执行不同脚本，帮忙我们自动化的处理一些任务，这些钩子称为githook。例如，我们可以在gitcommit之前进行eslint语法检查，如果检查不通过，gitcommit就会中断执行，这样就保证了提交到远程的代码是通过eslint检查的。hu...

还在用nvm做node管理工具?不妨尝尝开箱即用的Volta

很多时候运行不同的项目，往往需要切换不同的node。在很久之前给大家分享过nvm来切换不同的node，可最近我发现了一个比vm稍微好用的工具：Volta"是一个管理您的JavaScript命令行工具，它管理的范围不止于node，像npm、pnpm和ts工具等都支持。volta的安装非常简单...

开源项目推荐:React18、TS、Vite、Antd5 开箱即用中后台前端项目

近期发现很多小伙伴的简历难以区别于其他人，项目比较单一。比如有小伙伴没接触过小程序开发、脚手架开发、图片编辑器、数据大屏等开发。我一般都是建议多找找一些开源项目，学习掌握透彻后，也可以参与贡献代码，可以写到简历上（如果公司想招有类似项目经验的就会加分）。github上有很多开源项目，平时多积累学习，...

NodeJs包管理工具 nodejs package

NodeJs提供一个很好用的包管理工具——npm。开发人员可以使用npm命令安装模块，安装模块同时会自动安装该模块相关的依赖库。npm工具随NodeJs安装时一并安装，检测计算机是否安装npm工具，可以打开终端，运行：npm-v，如下图，说明已安装了npm，版本为：10.2.4一、安装npm...

搭建sentry监控平台从零开始搭建一个高颜值后台管理系统全栈框架

背景前面项目基本功能已经实现完了，这一篇集成一下监控平台，监控一下前后端异常。监控平台选型阿里云的应用实时监控服务ARMS和字节的应用性能监控全链路版这两个我都在公司里使用过，使用起来差不多，支持的功能也差不多，不过是收费的。这里我推荐一个开源的监控平台sentry，功能比上面两个强大很多，支持多种...

原生 canvas 如何实现大屏? canvas适配

原文来源于：程序员成长指北；作者：小丑竟然是我如有侵权，联系删除前言可视化大屏该如何做？有可能一天完成吗？废话不多说，直接看效果，线上Demo地址lxfu1.github.io/large-scree…。看完这篇文章（这个项目），你将收获：全局状态真的很简单，你只需5分钟就能上手如何缓存函...

开箱即用 yyg-cli 脚手架:快速创建 vue3 组件库和vue3 全家桶项目

#头条创作挑战赛#1yyg-cli是什么yyg-cli是优雅哥开发的快速创建vue3项目的脚手架。在npm上发布了两个月，11月1日进行了大升级，发布1.1.0版本：支持创建vue3全家桶项目和vue3组件库项目。具体如下：vue3全家桶项目使用yyg-cli创建的...

Vue3实战笔记(01)—— 使用vite初始化项目

文章目录前言一、使用vite初始化项目二、工程配置三、使用Vuetify前言提示：这里可以添加本文要记录的大概内容：Vue(发音为/vju?/，类似view)是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式...

栗子前端技术周刊第 38 期 - VueConf 2024、pnpm 9.5、Vitest 2.0...

栗子前端技术周刊第38期(2024.7.8-2024.7.14)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。技术资讯VueConf2024[1]：VueConf2024于上周六在深圳召开，大会介绍了VueRouter的新数据加载器API、Vue...

「译」 你可能不知道的 npm 实用技巧

[译]你可能不知道的npm实用技巧分享一些npm包管理工具的实用小窍门，希望能够略微提高下前端、Node.js开发者的生活质量。绝大多数前端和Node.js开发者每天的日常工作都离不开npm，不知道你对npm的观感如何？如果你觉得npm很棒，那么不妨看下这篇文章，说不定其...