新手必会的静态站点生成器——Gridsome

为什么要使用Gridsome

Gridsome 通过使用PRPL模式将超高性能构建到每个页面中。您可以获得开箱即用的代码拆分、资产优化、渐进式图像和链接预取。Gridsome 网站默认获得几乎完美的页面速度分数。

Gridsome 生成静态 PWA。只有关键的 HTML、CSS 和 JavaScript 会首先加载。然后预取下一页,因此即使在离线时,用户也可以在不重新加载页面的情况下快速点击。

通过本教程中,你将从头开始构建自己的应用,分别使用 Gridsome -Cli 和 云开发平台

Gridsome -Cli 快速搭建项目

一、搭建本地开发环境

  • Gridsome 要求Node.js版本Node.js 12.13.0 || 14.0.0|| >= 16.0.0 或更高版本和Yarn。然而,一些模板需要更高的Node.js版本才能工作,如果你的包管理器发出警告,请升级。您可以使用n、nvm或nvm-windows 在同一台机器上管理多个版本的Node。 要了解如何安装 Node.js,参阅nodejs.org。 如果你不确定系统中正在运行的 Node.js 版本是什么,请在终端窗口中运行node -v。

  • npm 包管理器 因为我们通常都会使用Gridsome 提供的脚手架搭建项目结构,所以要下载并安装 npm 包并且npm >= 6。,你需要一个 npm 包管理器。本指南使用 npm 客户端命令行界面,该界面默认安装在 Node.js。要检查你是否安装了 npm 客户端,请在终端窗口中运行 npm -v 。

  • 你可以使用 Gridsome

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值