三、使用gatsby搭建一个React项目(React学习笔记)

本文介绍如何使用Gatsby CLI脚手架快速搭建静态网站项目,包括全局安装Gatsby CLI、创建新项目、启动开发服务器及项目构建流程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

首先先了解一下Gatsby,Gatsby的官网)
想要使用Gatsby搭建项目,首先安装一个脚手架,打开终端输入命令

npm install --global gatsby-cli

然后可以使用下面的命令来创建一个项目了,gatsby-site可以换成你自己项目的名字。

gatsby new gatsby-site

创建好之后用VSCode打开,应该就是这个样子了。


6375263-cf37a39fac8ed5ef.png
image.png

后可以执行gatsby的命令来启动这个项目了。

gatsby develop
或者
yarn develop

如果需要对项目进行打包构建,可以执行下面这个命令

gatsby build

打包好之后需要启动的话,需要执行serve命令,这就是你部署项目之后,启动项目的一个命令

gatsby serve
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李公子lm

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值