Tiny cleanup

Author: isaacabraham

docs/safe-from-scratch.md

@@ -32,7 +32,7 @@ Now that we have basic core tools installed, we can go about creating a basic F#
 ```bash
 dotnet new console -lang F#
 ```
-* Reference the Giraffe NuGet package (if you wish to use Paket, feel free to install that tool at this point).
+* Reference the **Giraffe** NuGet package (if you wish to use Paket, feel free to install that tool at this point).
 * Create a basic Giraffe application to e.g. simply return the text "Hello world!" for every request.
 * Run the application and confirm that it returns the expected text.
 ```bash
@@ -43,6 +43,9 @@ dotnet run
 * Create a folder e.g. `client`.
 * Create another plain F# console application in it.
 * Add the Fable dotnet tool.
+```bash
+dotnet tool install fable
+```
 * To prove that Fable is installed, you should now be able to transpile the stock "Hello from F#" console app into JavaScript.
 ```bash
 dotnet fable
@@ -52,7 +55,7 @@ dotnet fable
 Now that we have a running HTTP server and the ability to create JS from F#, we can now install the required browser libraries and tools required to host a full app in the browser.
 
 * Create an `index.html` file that will be used as the launch point for the web application; it will also load the JS that is generated by Fable.
-* Install Vite with npm (install NPM and Node if you haven't already!).
+* Install **Vite** with npm (install NPM and Node if you haven't already!).
 ```bash
 npm install vite
 ```
@@ -91,22 +94,22 @@ We now spend the next few steps getting React working within the app and with F#
 ### 3.1 [Add basic React support](https://github.com/CompositionalIT/safe-from-scratch/commit/0b331ad76fdc59442bf8024d4300ae1073a20715)
 Now that we have a (very) basic F# client/server app, we'll now add support for React - a front-end framework that will enable us to create responsive and rich UIs.
 
-* Add the `react` and `react-dom` packages to your NPM dependencies.
-* Add the `@vitejs/plugin-react` and `remotedev` packages to your NPM dev dependencies.
+* Add the **react** and **react-dom** packages to your NPM dependencies.
+* Add the **@vitejs/plugin-react** and **remotedev** packages to your NPM dev dependencies.
 * Add react to the list of plugins in your vite config.
 
 ### 3.2 [Add F# React support](https://github.com/CompositionalIT/safe-from-scratch/commit/1409820300e2b09db11003c077ff3e2c82f6d9d2)
 Now that we have React added to our application, we can add the appropriate F# libraries such as Feliz to start to use React in a typesafe, F#-friendly manner.
 
-* Add the Feliz NuGet package to the Client project.
+* Add the **Feliz** NuGet package to the Client project.
 * Remove the `<button>` element from the `index.html` - we'll be creating it dynamically with React from now on.
 * Add an empty `<div>` with an named `id` to the body of the `index.html`. This will be the "root" element that React will attach to from which to make HTML elements.
 * Using the Feliz React wrapper types, replace the contents of your `Program.fs` in the Client project so that it creates a React button that can behave as the original static HTML button.
 
 ### 3.3 [Add JSX support *(optional)*](https://github.com/CompositionalIT/safe-from-scratch/commit/78e4093502ec4b8281ec5c14f113e3ad14b4a6f6)
 This next step adds Feliz's JSX support, which allows you to embed standard React JSX code directly in your F# applications.
 
-* Add the Fable.Core and Feliz.Jsx.React NuGet packages to the Client project.
+* Add the **Fable.Core** and **Feliz.Jsx.React** NuGet packages to the Client project.
 * Instead of using the Feliz F# dialect for React components (such as the `button []` element), use standard JSX code with string interpolation.
 * Reference `Program.jsx` instead of `Program.js` in your `index.html` file.
 * Run the client application using the extra flag that instructs Fable to emit `.jsx` instead of `.js` files: