新手必会的静态站点生成器——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