关于我

一个外表不像工程师的工程师

我留长发的照片

前端开发工程师,平时偶尔参与一些产品设计和不太专业的全栈开发。

潮州人,在潮州古城长大,成年在广州生活和工作,从小接触岭南文化和香港文化较多,生活中主要使用粤语和潮州话。

独来独往、养猫、长发、文身、摇滚乐、金属乐、下厨…… 这些都是我喜欢的事情。

了解更多 >

我出版的书

面向前端新人工程师的工程化指南

前端工程化 基于 Vue.js 3.0 的设计与实践

前端工程化 基于 Vue.js 3.0 的设计与实践

作者:程沛权出版社:机械工业出版社

本书以 Vue.js 的 3.0 版本为核心技术栈,围绕 “前端工程化” 和 TypeScript 的知识点展开讲解,读者可以收获到:

  1. 了解如何入门前端工程化开发,掌握 Node.js 和 npm 的使用
  2. 掌握前端领域多年来趋势走高、带有类型支持的 TypeScript 语言
  3. 上手主流前端框架 Vue.js 的全新版本,并且在遇到常见问题时知道如何解决

本书的每一个小节都融入了笔者多年的开发实践经验,大部分知识点都搭配了通俗易懂的讲解和可实现的代码案例,在阅读的过程中可以亲自敲代码加强学习印象。

本书作为一本入门类教程,主要面向以下读者人群:

  1. 掌握了基础的 HTML 页面编写知识,想学习一个主流前端框架的新手前端工程师
  2. 已经学会了 Vue 2 ,面对 Vue 3 的大版本更新,想快速上手使用的前端工程师
  3. 非职业前端开发,但涉及前端的工作,需要掌握一个主流前端框架的全栈工程师

推荐按照本书章节的顺序学习,从前端工程化开始上手,到 TypeScript 语言的学习,再到使用 TypeScript 开发 Vue 3 项目,这是一个循序渐进的学习过程。

作者寄语:

尽管前端框架日新月异,工程化的基础知识依然稳健可学。希望这本书能帮助入门困难的读者,并能借助举一反三掌握更多知识,而非仅限于书中的内容。

近期博客

技术分析、产品设计、生活随笔

声画共生:黄贯中的摇滚美学宇宙

声画共生:黄贯中的摇滚美学宇宙

今年第一次在周末踏出家门,来看阿 Paul 的画展。很多画都能在以前的歌曲里找到影子:《岁月无声》、《狂人山庄》,《黑夜迷墙》(黑色迷墙)。有一张很特殊的《谁命我名字》,也是同名歌曲,一首为流浪动物发声的歌。

2026/7/5 23:45:00

开源项目

由我创建或维护的项目

git-commit-analytics

31
2

一个可以分析你的 Git 仓库 commit 记录的工具。它可以帮你生成一份工作日报 / 周报,或者你需要的更长时间范围的工作报告。

软件

@bassist/eslint-config

11
3
6.82k

ESLint 的现代扁平配置。

配置

learning-vue3

1.49k
178

超过 230w+ 阅读人次,关于前端工程化开发的基础知识点,以及 TypeScript 、 Vue 3 、 Pinia 的入门学习指南。

教程

@web-analytics/vue

9
1
397.49k

Vue.js(包括 VuePress、VitePress 等)的网站页面浏览量分析工具并支持多分析平台。

工具

@bassist/release

11
3
4.88k

简单的 GitHub Release 生成器。

工具

@blackwork/docs

1

面向 Next.js 的 Blackwork 文档框架,提供内容发现、多语言路由、元数据、导航和主题外壳。

UI

zhihu-collection-helper

3

知乎收藏夹助手,可将专栏的文章添加到收藏夹中,适用于收藏夹在创建初期需要大量内容填充的情况。

软件

@blackwork/machine

1

用于 Blackwork React UI 生态的 Markdown 和 MDX 引擎,为基于 Blackwork 的博客和文档站提供内容渲染能力。

工具

@bassist/utils

11
3
3.88M

常用的 JavaScript / TypeScript 工具函数集,支持摇树优化、无需构建、类型完备、SSR 友好。

工具

cert-patroller

3
2

基于 Node.js 和 Porkbun API 的巡逻程序,定期检查是否过期的 SSL 证书。

服务端

vue3-ts-vite-starter

15
2

这个模板应该能帮你快速创建一个基于 Vite 的 Vue 3 项目,默认使用 TypeScript 作为开发语言。

模板

自己做饭

潮州佬日常下厨的家常菜