跳到正文
个人博客
返回

如何在本地一边修改一边看效果

修改博客时,最舒服的方式是本地预览:一边在 VS Code 里改文章,一边在浏览器里看最终效果。

目录

展开目录

第一次准备

在 VS Code 顶部菜单打开:

终端 -> 新建终端

第一次进入项目后,先安装依赖:

pnpm install --no-frozen-lockfile

如果提示找不到 pnpm,先运行:

npm install -g pnpm

然后再运行安装命令。

启动预览

安装完成后运行:

pnpm dev

终端会显示一个本地地址,通常是:

http://localhost:4321

用浏览器打开这个地址,就能看到本地网站。

修改后怎么看效果

src/content/posts 目录里打开文章文件,修改后按:

Ctrl + S

浏览器会自动刷新,马上看到效果。

以后每次修改文章,一般只需要运行:

pnpm dev

不用每次都重新安装依赖。


分享这篇文章:

上一篇
修改文章后怎样发布到网站
下一篇
欢迎来到我的个人博客