ðð。快速轻松的指南开始使用Gatsby
#javascript #初学者 #教程 #gatsby

查找更多博客here

您准备好潜入盖茨比世界吗？这个开源框架结合了React，GraphQL和Web后端的力量，以构建闪电般的静态网站和应用程序。它是对开发人员友好的，并充满了开箱即用的功能，使其成为现代网络开发的首选。让我们开始开始盖茨比之旅！ ð7»

简介ð

Gatsby将最佳的React，GraphQL和Web后端汇集到一个单个框架中，以速度和性能进行了优化。它非常适合轻松构建静态站点和应用。无论您是盖茨比的新手还是经验丰富的开发人员，它的简单性和强大功能都会给您留下深刻的印象！

入门ð

按照以下简单步骤启动您的盖茨比项目：

  1. 使用NPM在全球安装Gatsby CLI： 
   npm install -g gatsby-cli
  1. 为您的Gatsby项目创建一个新的本地目录，并将其链接到远程存储库： 
   gatsby new [SITE_FOLDER_NAME] [URL_OF_STARTED_GITHUB_REPO]
  1. 这将为您的Gatsby项目生成所有必需的文件。现在，导航到src/pages/index.js，您会发现最简单的反应组件用作网站的主页： 
   export default () => <div>Hello world!</div>;
  1. 现在，是时候看到您的盖茨比项目了！打开终端并运行以下命令以启动开发服务器： 
   gatsby develop

  1. 所有处理完成后，您的终端将显示这样的消息：
    Terminal Screenshot
    注意：您的本地主机端口（8000）可能与屏幕截图中的端口不同。

  2. 前往您的浏览器并输入Localhost端口URL（例如http://localhost:8000/）。瞧！您会受到一个令人愉快的“ Hello World！”的欢迎。在您的页面上。

恭喜，您刚刚以“ Hello World”时刻开始了盖茨比之旅！ ðð

盖茨比刚刚开始；还有更多的探索和建造，还有很多奇妙的框架。无论您是创建个人博客，令人惊叹的投资组合还是公司网站，盖茨比都回来了。