docs: say that a page is a text file and link to editors (#1708)

A few extra details to help noobs.
This commit is contained in:
Jay Martin 2019-07-26 00:24:18 -07:00 committed by Yangshun Tay
parent f4f458460c
commit 5f5cdb4aa8

View file

@ -7,9 +7,9 @@ In this section, we will learn about creating two types of pages in Docusaurus:
<img alt="Docusaurus MacBook" src="/img/undraw_docusaurus_tree.svg" class="docImage"/>
## Creating a Regular Page
## Create a Regular Page
1. Go into the `pages/en` directory and create a file called `hello-world.js` with the following contents:
1. In the `website/pages/en` directory of your repository, save a text file called `hello-world.js` with the following contents:
```
const React = require('react');
@ -33,8 +33,10 @@ function HelloWorld(props) {
module.exports = HelloWorld;
```
> Use any text editor to make the file, such as [Microsoft Visual Studio Code](https://code.visualstudio.com/download) or [Komodo Edit](https://www.activestate.com/komodo-edit).
2. Go to http://localhost:3000/hello-world and you should be able to see the new page.
1. Change the text within the `<p>...</p>` to "I can write JSX here!". The browser should refresh automatically to reflect the changes.
1. Change the text within the `<p>...</p>` to "I can write JSX here!" and save the file again. The browser should refresh automatically to reflect the change.
```diff
- <p>This is my first page!</p>