📜  使用 npx 安装 gatsbyjs - Javascript (1)

📅  最后修改于: 2023-12-03 15:06:49.166000             🧑  作者: Mango

使用 npx 安装 Gatsby.js

Gatsby.js 是一个基于 React 的静态网站生成器,使用它可以快速生成高性能的静态网站。使用 npx 可以方便地安装和使用 Gatsby.js。

安装

首先,需要安装 Node.js 和 npm。安装完成后,在命令行中输入以下命令:

npx gatsby new my-gatsby-site

其中,my-gatsby-site 是生成的项目的名称,可以根据自己的需求修改。执行命令后,会自动下载 Gatsby.js 的模板,并生成一个基本的项目结构。

运行

进入项目根目录,使用以下命令启动 Gatsby.js 的开发服务器:

cd my-gatsby-site/
npm run develop

然后,在浏览器中打开 http://localhost:8000,就可以看到生成的网站效果了。

构建

当需要部署网站时,可以使用以下命令构建静态网站文件:

npm run build

构建完成后,生成的文件保存在 public/ 目录下,可以将该目录下的文件上传到服务器上即可。

总结

使用 npx 安装 Gatsby.js,可以快速生成高性能的静态网站,并可以方便地进行开发和部署。