博客开发常用命令 - 笔记本

博客开发常用命令

2026年8月1日

开发命令#

命令用途说明
pnpm dev启动开发服务器热更新,改代码浏览器自动刷新
pnpm build生产构建生成 dist/,2-3 分钟
pnpm preview预览构建产物buildpreview
pnpm astro check类型检查检查 .astro 文件的 TS 类型
pnpm type-check完整 TS 检查tsc --noEmit --isolatedDeclarations
pnpm format格式化代码Biome 格式化 ./src
pnpm lint代码检查Biome 检查并自动修复

PowerShell 注意#

PowerShell 不支持 &&,用 ; 代替:

Terminal window
pnpm build; pnpm preview

删除文件夹:

Terminal window
Remove-Item -Recurse -Force node_modules\.vite

日常开发流程#

Terminal window
pnpm dev # 启动开发服务器,改代码自动刷新
pnpm astro check # 改完验证类型
pnpm build # 构建验证

性能测试#

Terminal window
pnpm build; pnpm preview

然后用 Chrome Lighthouse 测 http://localhost:4321/。不要用 pnpm dev 跑 Lighthouse,开发服务器有 HMR 和未压缩依赖,结果不准确。

清理缓存#

Terminal window
Remove-Item -Recurse -Force node_modules\.vite
pnpm dev

评论区

[ 公告 ]

如果你喜欢,那么欢迎来到我的世界!

了解更多
[ 音乐 ]
封面

音乐

暂未播放

0:000:00
暂无歌词
找不到相关结果。
[ contents ]
[ 全部文章 ]
工具