Skip to main content

Setting up a Gatsby Site Without the `gatsby new` Command

为了安全起见,有许多企业级公司维护npm注册表的内部克隆. 如果您在这样的公司工作,您可能会发现您能够成功运行npm install -g gatsby-cli但无法运行gatsby new <project-source>因为gatsby new命令从公共GitHub存储库中克隆了一个仓库. 许多公司禁止公共GitHub,这将导致gatsby new命令失败. 不过,不用担心,您可以通过几个快速步骤来设置新的Gatsby站点,而无需使用gatsby new命令.

Preparing your environment

要开始使用盖茨比,您需要确保已安装以下软件工具:

  1. Node.js
  2. Gatsby CLI

有关逐步安装说明和所需软件的详细说明,请转到Gatsby教程 .

设置开发人员环境后,您将需要设置一个新的项目文件夹.

mkdir my-new-gatsby-site
cd my-new-gatsby-site

接下来,您需要在项目中设置npm.

npm init

填写提示以生成package.json文件. 如果您想跳过该步骤,则可以运行npm init -y并为您生成一个预填充的package.json .

现在,您需要安装Gatsby赖以发挥其魔力的必要软件包.

npm install --save gatsby react react-dom

接下来,您将在项目内添加src目录和pages目录.

mkdir src
cd src
mkdir pages

在pages目录中,您将创建一个index.js文件,该文件导出一个React组件.

cd pages
touch index.js

现在,将一些React代码添加到index.js文件中,作为项目的起点.

import React from "react"

export default function Home() {
  return <h1>Hello Gatsby!</h1>
}

最后,返回项目的根目录并运行gatsby develop命令以启动开发服务器并开始编码.

cd ../../
gatsby develop

就是这样! 现在,您应该在http://localhost:8000上运行初始页面,并在http://localhost:8000/___graphql上运行GraphiQL IDE. 从这里开始,您可以按照Gatsby教程的其余部分进行操作,从设置代码编辑器开始,以获得Gatsby可以提供的全部体验.

Edit this page on GitHub
Docs
Tutorials
Plugins
Blog
Showcase

by  ICOPY.SITE