基于区块链的毕业设计Gatsby’s hello-world starter – 盖茨比的hello world入门

本文提供基于区块链的毕业设计国外最新区块链项目源码下载,包括solidity,eth,fabric等blockchain区块链,基于区块链的毕业设计Gatsby’s hello-world starter – 盖茨比的hello world入门 是一篇很好的国外资料

Gatsby's hello-world starter - 盖茨比的hello world入门

Gatsby’s hello-world starter

Kick off your project with this hello-world boilerplate. This starter ships with the main Gatsby configuration files you might need to get up and running blazing fast with the blazing fast app generator for React.

Have another more specific idea? You may want to check out our vibrant collection of official and community-created starters.

🚀 Quick start

  1. Create a Gatsby site.

    Use the Gatsby CLI to create a new site, specifying the hello-world starter.

    # create a new Gatsby site using the hello-world starter gatsby new my-hello-world-starter https://github.com/gatsbyjs/gatsby-starter-hello-world
  2. Start developing.

    Navigate into your new site’s directory and start it up.

    cd my-hello-world-starter/ gatsby develop
  3. Open the source code and start editing!

    Your site is now running at http://localhost:8000!

    Note: You’ll also see a second link: http://localhost:8000/___graphql. This is a tool you can use to experiment with querying your data. Learn more about using this tool in the Gatsby tutorial.

    Open the my-hello-world-starter directory in your code editor of choice and edit src/pages/index.js. Save your changes and the browser will update in real time!

🧐 What’s inside?

A quick look at the top-level files and directories you’ll see in a Gatsby project.

. ├── node_modules ├── src ├── .gitignore ├── .prettierrc ├── gatsby-browser.js ├── gatsby-config.js ├── gatsby-node.js ├── gatsby-ssr.js ├── LICENSE ├── package-lock.json ├── package.json └── README.md 
  1. /node_modules: This directory contains all of the modules of code that your project depends on (npm packages) are automatically installed.

  2. /src: This directory will contain all of the code related to what you will see on the front-end of your site (what you see in the browser) such as your site header or a page template. src is a convention for “source code”.

  3. .gitignore: This file tells git which files it should not track / not maintain a version history for.

  4. .prettierrc: This is a configuration file for Prettier. Prettier is a tool to help keep the formatting of your code consistent.

  5. gatsby-browser.js: This file is where Gatsby expects to find any usage of the Gatsby browser APIs (if any). These allow customization/extension of default Gatsby settings affecting the browser.

  6. gatsby-config.js: This is the main configuration file for a Gatsby site. This is where you can specify information about your site (metadata) like the site title and description, which Gatsby plugins you’d like to include, etc. (Check out the config docs for more detail).

  7. gatsby-node.js: This file is where Gatsby expects to find any usage of the Gatsby Node APIs (if any). These allow customization/extension of default Gatsby settings affecting pieces of the site build process.

  8. gatsby-ssr.js: This file is where Gatsby expects to find any usage of the Gatsby server-side rendering APIs (if any). These allow customization of default Gatsby settings affecting server-side rendering.

  9. LICENSE: This Gatsby starter is licensed under the 0BSD license. This means that you can see this file as a placeholder and replace it with your own license.

  10. package-lock.json (See package.json below, first). This is an automatically generated file based on the exact versions of your npm dependencies that were installed for your project. (You won’t change this file directly).

  11. package.json: A manifest file for Node.js projects, which includes things like metadata (the project’s name, author, etc). This manifest is how npm knows which packages to install for your project.

  12. README.md: A text file containing useful reference information about your project.

🎓 Learning Gatsby

Looking for more guidance? Full documentation for Gatsby lives on the website. Here are some places to start:

  • For most developers, we recommend starting with our in-depth tutorial for creating a site with Gatsby. It starts with zero assumptions about your level of ability and walks through every step of the process.

  • To dive straight into code samples, head to our documentation. In particular, check out the Guides, API Reference, and Advanced Tutorials sections in the sidebar.

💫 Deploy

Gatsby's hello-world starter - 盖茨比的hello world入门

Gatsby's hello-world starter - 盖茨比的hello world入门

We use optional third-party analytics cookies to understand how you use GitHub.com so we can build better products. Learn more.


Gatsby's hello-world starter - 盖茨比的hello world入门

盖茨比的hello world starter

用这个hello world样板开始您的项目。这个starter附带了Gatsby的主配置文件,您可能需要启动和运行blazing fast app generator for React。

还有更具体的想法吗?您可能想看看我们的官方和社区创建的生机勃勃的集合。

🚀 快速启动🧐 里面是什么?

  1. 创建Gatsby站点。使用Gatsby CLI创建一个新站点,指定helloworldstarter。#使用hello world starter Gatsby new my hello world starter创建一个新的Gatsby站点https://github.com/gatsbyjs/gatsby-starter-hello-world
  2. 开始开发。导航到新站点的目录并启动它。cd my hello world starter/gatsby development
  3. 打开源代码并开始编辑!你的网站现在运行在http://localhost:8000!注意:您还会看到第二个链接:http://localhost:8000/图。这是一个可以用来试验查询数据的工具。在Gatsby教程中了解有关使用此工具的更多信息。在您选择的代码编辑器中打开myhelloworldstarter目录并编辑src/pages/索引.js. 保存您的更改,浏览器将实时更新!

🎓 学习盖茨比💫 部署

快速查看您将在Gatsby项目中看到的顶级文件和目录。

. ├── node_modules ├── src ├── .gitignore ├── .prettierrc ├── gatsby-browser.js ├── gatsby-config.js ├── gatsby-node.js ├── gatsby-ssr.js ├── LICENSE ├── package-lock.json ├── package.json └── README.md 
  1. /node_modules:此目录包含项目所依赖的所有代码模块(npm包)将自动安装。
  2. /src:此目录将包含与您将在站点前端看到的内容(您在浏览器中看到的内容)相关的所有代码,例如站点标题或页面模板。src是“源代码”的约定。
  3. .gitignore:此文件告诉git不应跟踪/不维护版本历史记录的文件。
  4. .prettierrc:这是Prettier的配置文件。Prettier是一个帮助保持代码格式一致的工具。盖茨比-浏览器.js:此文件是Gatsby希望查找Gatsby浏览器api(如果有)的任何用法的地方。这些允许自定义/扩展影响浏览器的默认Gatsby设置。盖茨比-配置文件:这是Gatsby站点的主配置文件。在这里,您可以指定关于站点(元数据)的信息,比如站点标题和描述,您希望包括哪些Gatsby插件,等等(查看配置文档了解更多细节)。盖茨比-节点.js:此文件是Gatsby希望查找Gatsby节点api(如果有)的任何用法的地方。这些允许自定义/扩展影响站点构建过程的默认Gatsby设置。盖茨比-ssr.js公司:此文件是Gatsby希望找到Gatsby服务器端呈现api(如果有)的任何用法的地方。这些允许自定义影响服务器端渲染的默认Gatsby设置。
  5. 许可证:此Gatsby starter是根据0BSD许可证授权的。这意味着您可以将此文件视为占位符,并将其替换为您自己的许可证。
  6. 包装-锁定.json(参见包.json下面,首先)。这是一个基于为项目安装的npm依赖项的确切版本自动生成的文件。(您不会直接更改此文件)。
  7. 包.json:的清单文件节点.js项目,包括元数据(项目名称、作者等)。这个清单是npm如何知道要为您的项目安装哪些包。
  8. 自述文件.md:包含有关项目的有用参考信息的文本文件。
  9. 对于大多数开发人员,我们建议从我们的深入教程开始,介绍如何使用Gatsby创建站点。它从对你能力水平的零假设开始,并贯穿整个过程的每一步。
  10. 要直接深入代码示例,请参阅我们的文档。特别是,请查看侧边栏中的指南、API参考和高级教程部分。在
  11. 要直接深入代码示例,请参阅我们的文档。特别是,请查看侧边栏中的指南、API参考和高级教程部分。如何使用第三方标签GitHub.com网站所以我们可以制造更好的产品。了解更多。

  12. 我们使用可选的第三方分析cookies来了解您如何使用GitHub.com网站所以我们可以制造更好的产品。
    您可以随时通过单击页面底部的Cookie首选项来更新您的选择。有关更多信息,请参阅我们的隐私声明。

基本cookies

我们使用基本Cookie来执行基本的网站功能,例如,它们用于让您登录。了解更多

  • 我们使用analytics Cookie来了解您如何使用我们的网站,以便我们能够使其变得更好,例如,它们用于收集有关您访问的页面以及完成一项任务需要多少次单击的信息。了解更多

  • To dive straight into code samples, head to our documentation. In particular, check out the Guides, API Reference, and Advanced Tutorials sections in the sidebar.

始终处于活动状态

Gatsby's hello-world starter - 盖茨比的hello world入门

Gatsby's hello-world starter - 盖茨比的hello world入门

We use optional third-party analytics cookies to understand how you use GitHub.com so we can build better products. Learn more.

部分转自网络,侵权联系删除区块链源码网

www.interchains.cc

https://www.interchains.cc/19129.html

区块链毕设网(www.interchains.cc)全网最靠谱的原创区块链毕设代做网站 部分资料来自网络,侵权联系删除! 最全最大的区块链源码站 ! QQ3039046426
区块链知识分享网, 以太坊dapp资源网, 区块链教程, fabric教程下载, 区块链书籍下载, 区块链资料下载, 区块链视频教程下载, 区块链基础教程, 区块链入门教程, 区块链资源 » 基于区块链的毕业设计Gatsby’s hello-world starter – 盖茨比的hello world入门

提供最优质的资源集合

立即查看 了解详情