@@ -7,17 +7,17 @@ This article will walk you through the process of getting started with a Coder
7
7
workspace and a web development project featuring Node.js and React.js. You'll
8
8
learn how to:
9
9
10
- - Connect and authenticate to your Git provider;
11
- - Create a workspace and add the files for a sample project that's available via
12
- GitHub ;
13
- - Create a dev URL and use it to preview changes to your project.
10
+ - Connect Coder to your Git provider;
11
+ - Create a workspace;
12
+ - Add a sample project to your workspace ;
13
+ - Create a dev URL and preview changes to your project.
14
14
15
15
## Prerequisites
16
16
17
17
This guide assumes that you have a Coder deployment available to you and that
18
18
you have the credentials needed to access the deployment.
19
19
20
- ## Step 1: Log in and configure Coder
20
+ ## Step 1: Log in and connect Coder to your Git provider
21
21
22
22
In this step, you'll log into Coder and connect and authenticate with your Git
23
23
provider. This will allow you to do things like pull repositories and push
@@ -73,9 +73,10 @@ You will now create the workspace where you'll work on your development project.
73
73
Once your workspace is ready for use, you'll see a chip that says ** Running**
74
74
next to the name of your workspace.
75
75
76
- ## Step 3: Begin using Coder
76
+ ## Step 3: Add a sample project to your workspace
77
77
78
- Once you've created your workspace, you can start using Coder.
78
+ Once you've created your workspace, you can start using Coder after adding a
79
+ sample project to your workspace.
79
80
80
81
1 . Under ** Browser applications** , click ** Code Web** to open VS Code in your
81
82
browser.
@@ -92,7 +93,7 @@ Once you've created your workspace, you can start using Coder.
92
93
1 . Clone the ` create-react-app ` repository:
93
94
94
95
``` console
95
- git clone https:// github.com/ facebook/create-react-app.git
96
+ git clone git@ github.com: facebook/create-react-app.git
96
97
```
97
98
98
99
Once you've cloned the repository, you can click the ** Explorer** icon and
@@ -137,3 +138,5 @@ specified and renders a browser link you can use to view your application.
137
138
138
139
1 . You can test preview by making changes to the ` src/App.js ` file; every time
139
140
you save your changes to this file, your preview will reload.
141
+
142
+ ![ Preview changes] ( ../assets/getting-started/hello-world.png )
0 commit comments