Skip to content

Commit 39b0a2d

Browse files
committed
Edits
1 parent 3a5e1b2 commit 39b0a2d

File tree

1 file changed

+11
-14
lines changed

1 file changed

+11
-14
lines changed

articles/storage/blobs/quickstart-blobs-javascript-browser.md

Lines changed: 11 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -93,17 +93,10 @@ Follow these steps to get the Blob service SAS URL:
9393
5. Click the **Copy to clipboard** button at the far-right end of the **Blob service SAS URL** field.
9494
6. Save the copied URL somewhere for use in an upcoming step.
9595

96-
### Implement the HTML page
97-
98-
1. On your local computer, create a new folder called *azure-blobs-js-browser* and open it in Visual Studio Code.
99-
2. Create a new file in Visual Studio Code and add the following HTML.
100-
101-
:::code language="html" source="~/azure-storage-snippets/blobs/azure-blobs-js-browser/init-index.html" id="snippet_InitWebPage":::
102-
103-
3. Save the file as *index.html* in the *azure-blobs-js-browser* folder.
104-
10596
### Add the Azure Blob storage client library
10697

98+
On your local computer, create a new folder called *azure-blobs-js-browser* and open it in Visual Studio Code.
99+
107100
Select **View > Terminal** to open a console window inside Visual Studio Code. Run the following Node.js Package Manager (npm) command in the terminal window to create a [package.json](https://docs.npmjs.com/files/package.json) file.
108101

109102
```console
@@ -132,17 +125,21 @@ In Visual Studio Code, open the *package.json* file and add a `browserlist` betw
132125

133126
Save the *package.json* file.
134127

135-
To use Azure SDK libraries inside JavaScript, import the `@azure/storage-blob` package. Create a JavaScript file called *index.js* containing the following code.
128+
### Import the Azure Blob storage client library
129+
130+
To use Azure SDK libraries inside JavaScript, import the `@azure/storage-blob` package. Create a new file in Visual Studio Code containing the following JavaScript code.
136131

137132
:::code language="javascript" source="~/azure-storage-snippets/blobs/azure-blobs-js-browser/index.js" id="snippet_ImportLibrary":::
138133

139-
Save this *index.js* file in the *azure-blobs-js-browser* directory.
134+
Save the file as *index.js* in the *azure-blobs-js-browser* directory.
140135

141-
Next, replace the comment in the *index.html* file to include the new JavaScript file. The full *index.html* file should now look like this:
136+
### Implement the HTML page
142137

143-
:::code language="html" source="~/azure-storage-snippets/blobs/azure-blobs-js-browser/index.html" id="snippet_WebPage" highlight="18":::
138+
Create a new file in Visual Studio Code and add the following HTML code.
144139

145-
Save the *index.js* file.
140+
:::code language="html" source="~/azure-storage-snippets/blobs/azure-blobs-js-browser/index.html":::
141+
142+
Save the file as *index.html* in the *azure-blobs-js-browser* folder.
146143

147144
## Code examples
148145

0 commit comments

Comments
 (0)