Adding or updating preview build for PR: 1572

Author: Hodor The Master

pr-1572/quick-start/environment-setup/index.html

@@ -712,10 +712,10 @@ <h2 id="introduction"><a class="anchor" href="#introduction"></a>Introduction</h
 </div>
 </div>
 <div class="sect1">
-<h2 id="installing-scarb-and-snfoundry"><a class="anchor" href="#installing-scarb-and-snfoundry"></a>Installing Scarb and Starknet Foundry</h2>
+<h2 id="setting_up_your_environment_on_macos_and_linux"><a class="anchor" href="#setting_up_your_environment_on_macos_and_linux"></a>Setting up your environment on MacOS and Linux</h2>
 <div class="sectionbody">
 <div class="sect2">
-<h3 id="macos_and_linux"><a class="anchor" href="#macos_and_linux"></a>MacOS and Linux</h3>
+<h3 id="installing_scarb_and_starknet_foundry"><a class="anchor" href="#installing_scarb_and_starknet_foundry"></a>Installing Scarb and Starknet Foundry</h3>
 <div class="paragraph">
 <p>On MacOS and Linux, Scarb and Starknet Foundry can be easily installed using the <a href="https://github.com/software-mansion/starkup" target="_blank" rel="noopener">Starkup installer</a> by running:</p>
 </div>
@@ -751,13 +751,8 @@ <h3 id="macos_and_linux"><a class="anchor" href="#macos_and_linux"></a>MacOS and
 </table>
 </div>
 </div>
-</div>
-</div>
-<div class="sect1">
-<h2 id="installing-devnet"><a class="anchor" href="#installing-devnet"></a>Installing Starknet Devnet</h2>
-<div class="sectionbody">
 <div class="sect2">
-<h3 id="macos_and_linux_2"><a class="anchor" href="#macos_and_linux_2"></a>MacOS and Linux</h3>
+<h3 id="installing_starknet_devnet"><a class="anchor" href="#installing_starknet_devnet"></a>Installing Starknet Devnet</h3>
 <div class="paragraph">
 <p><a href="#installing-scarb-and-snfoundry">Similar to Scarb and Starknet Foundry</a>, it is highly recommended to install Starknet Devnet on MacOS and Linux via the <code>asdf</code> version manager. Luckily, if you installed Scarb and Starknet Foundry using the Starkup installer, you should already have <code>asdf</code> installed. To install Starknet Devnet using <code>asdf</code>:</p>
 </div>
@@ -809,13 +804,8 @@ <h3 id="macos_and_linux_2"><a class="anchor" href="#macos_and_linux_2"></a>MacOS
 </ol>
 </div>
 </div>
-</div>
-</div>
-<div class="sect1">
-<h2 id="installing-starkli"><a class="anchor" href="#installing-starkli"></a>Installing Starkli</h2>
-<div class="sectionbody">
 <div class="sect2">
-<h3 id="macos_and_linux_3"><a class="anchor" href="#macos_and_linux_3"></a>MacOS and Linux</h3>
+<h3 id="installing_starkli"><a class="anchor" href="#installing_starkli"></a>Installing Starkli</h3>
 <div class="paragraph">
 <p>It is highly recommended to install Starkli on MacOS and Linux using the <a href="https://get.starkli.sh" target="_blank" rel="noopener"><code>starkliup</code> portable script</a>. <code>starkliup</code> manages shell configuration for you, and using any other installation method requires to <a href="https://book.starkli.rs/shell-completions" target="_blank" rel="noopener">manually set up shell completions</a>. To install Starkli using <code>starkliup</code>:</p>
 </div>
@@ -862,17 +852,17 @@ <h3 id="macos_and_linux_3"><a class="anchor" href="#macos_and_linux_3"></a>MacOS
 </div>
 </div>
 <div class="sect1">
-<h2 id="Dev-env-windows"><a class="anchor" href="#Dev-env-windows"></a>Setting up dev environment on Windows</h2>
+<h2 id="setting_up_your_environment_on_windows"><a class="anchor" href="#setting_up_your_environment_on_windows"></a>Setting up your environment on Windows</h2>
 <div class="sectionbody">
 <div class="paragraph">
-<p>Setting up Scarb and Starknet Foundry on Windows requires configuring the Windows Subsystem for Linux (WSL) and installing the tools inside a Linux distribution such as Ubuntu. Follow the steps below to complete the installation.</p>
+<p>Setting up Scarb and Starknet Foundry on Windows requires configuring the Windows Subsystem for Linux (WSL) and installing the tools inside a Linux distribution such as Ubuntu.</p>
 </div>
 <div class="sect2">
-<h3 id="install_wsl_and_ubuntu"><a class="anchor" href="#install_wsl_and_ubuntu"></a>Install WSL and Ubuntu</h3>
+<h3 id="installing_wsl_and_ubuntu"><a class="anchor" href="#installing_wsl_and_ubuntu"></a>Installing WSL and Ubuntu</h3>
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>Open <strong>PowerShell as Administrator</strong> and run:</p>
+<p>Open PowerShell as administrator and run:</p>
 <div class="listingblock">
 <div class="content">
 <pre class="highlightjs highlight"><code class="language-terminal hljs" data-lang="terminal">wsl --install</code></pre>
@@ -886,19 +876,19 @@ <h3 id="install_wsl_and_ubuntu"><a class="anchor" href="#install_wsl_and_ubuntu"
 <p>Restart your computer when prompted.</p>
 </li>
 <li>
-<p>After reboot, launch <strong>Ubuntu</strong> from the Start menu. On the first launch, create a UNIX username and password when prompted.</p>
+<p>After reboot, launch Ubuntu from the Start menu. On the first launch, create a UNIX username and password when prompted.</p>
 </li>
 </ol>
 </div>
-<div class="admonitionblock tip">
+<div class="admonitionblock note">
 <table>
 <tr>
 <td class="icon">
-<i class="fa icon-tip" title="Tip"></i>
+<i class="fa icon-note" title="Note"></i>
 </td>
 <td class="content">
 <div class="paragraph">
-<p>If <code>wsl --install</code> does not work, enable WSL manually with:</p>
+<p>If <code>wsl --install</code> does not work, enable WSL manually by running:</p>
 </div>
 <div class="listingblock">
 <div class="content">
@@ -907,15 +897,15 @@ <h3 id="install_wsl_and_ubuntu"><a class="anchor" href="#install_wsl_and_ubuntu"
 </div>
 </div>
 <div class="paragraph">
-<p>Then install Ubuntu from the Microsoft Store: <a href="https://aka.ms/wslstore" class="bare">https://aka.ms/wslstore</a></p>
+<p>and installing Ubuntu from the <a href="https://aka.ms/wslstore" target="_blank" rel="noopener">Microsoft Store</a>.</p>
 </div>
 </td>
 </tr>
 </table>
 </div>
 </div>
 <div class="sect2">
-<h3 id="install_prerequisites_in_ubuntu"><a class="anchor" href="#install_prerequisites_in_ubuntu"></a>Install Prerequisites in Ubuntu</h3>
+<h3 id="installing_prerequisites_in_ubuntu"><a class="anchor" href="#installing_prerequisites_in_ubuntu"></a>Installing prerequisites in Ubuntu</h3>
 <div class="olist arabic">
 <ol class="arabic">
 <li>
@@ -931,7 +921,7 @@ <h3 id="install_prerequisites_in_ubuntu"><a class="anchor" href="#install_prereq
 </div>
 </div>
 <div class="sect2">
-<h3 id="install_homebrew_linuxbrew"><a class="anchor" href="#install_homebrew_linuxbrew"></a>Install Homebrew (Linuxbrew)</h3>
+<h3 id="installing_homebrew"><a class="anchor" href="#installing_homebrew"></a>Installing Homebrew</h3>
 <div class="olist arabic">
 <ol class="arabic">
 <li>
@@ -952,7 +942,7 @@ <h3 id="install_homebrew_linuxbrew"><a class="anchor" href="#install_homebrew_li
 </div>
 </li>
 <li>
-<p>Verify the installation:</p>
+<p>Verify that Homebrew was installed correctly:</p>
 <div class="listingblock">
 <div class="content">
 <pre class="highlightjs highlight"><code class="language-terminal hljs" data-lang="terminal">brew --version</code></pre>
@@ -963,19 +953,19 @@ <h3 id="install_homebrew_linuxbrew"><a class="anchor" href="#install_homebrew_li
 </div>
 </div>
 <div class="sect2">
-<h3 id="install_asdf_version_manager"><a class="anchor" href="#install_asdf_version_manager"></a>Install ASDF (Version Manager)</h3>
+<h3 id="installing_asdf"><a class="anchor" href="#installing_asdf"></a>Installing <code>asdf</code></h3>
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>Install ASDF using Homebrew:</p>
+<p>Install <code>asdf</code> using Homebrew:</p>
 <div class="listingblock">
 <div class="content">
 <pre class="highlightjs highlight"><code class="language-terminal hljs" data-lang="terminal">brew install asdf</code></pre>
 </div>
 </div>
 </li>
 <li>
-<p>Add ASDF to your shell:</p>
+<p>Add <code>asdf</code> to your shell:</p>
 <div class="listingblock">
 <div class="content">
 <pre class="highlightjs highlight"><code class="language-terminal hljs" data-lang="terminal">echo '. "$(brew --prefix asdf)/libexec/asdf.sh"' &gt;&gt; ~/.bashrc
@@ -984,7 +974,7 @@ <h3 id="install_asdf_version_manager"><a class="anchor" href="#install_asdf_vers
 </div>
 </li>
 <li>
-<p>Verify ASDF is working:</p>
+<p>Verify that <code>asdf</code> is installed correctly:</p>
 <div class="listingblock">
 <div class="content">
 <pre class="highlightjs highlight"><code class="language-terminal hljs" data-lang="terminal">asdf --version</code></pre>
@@ -995,49 +985,46 @@ <h3 id="install_asdf_version_manager"><a class="anchor" href="#install_asdf_vers
 </div>
 </div>
 <div class="sect2">
-<h3 id="install_scarb_and_starknet_foundry_via_asdf"><a class="anchor" href="#install_scarb_and_starknet_foundry_via_asdf"></a>Install Scarb and Starknet Foundry via ASDF</h3>
+<h3 id="installing_scarb_starknet_foundry_and_starknet_devnet"><a class="anchor" href="#installing_scarb_starknet_foundry_and_starknet_devnet"></a>Installing Scarb, Starknet Foundry, and Starknet Devnet</h3>
 <div class="olist arabic">
 <ol class="arabic">
 <li>
-<p>Add the Scarb plugin:</p>
+<p>Add the Scarb plugin and install the latest Scarb version:</p>
 <div class="listingblock">
 <div class="content">
-<pre class="highlightjs highlight"><code class="language-terminal hljs" data-lang="terminal">asdf plugin add scarb</code></pre>
+<pre class="highlightjs highlight"><code class="language-terminal hljs" data-lang="terminal">asdf plugin add scarb
+asdf install scarb latest
+asdf set -u scarb latest</code></pre>
 </div>
 </div>
 </li>
 <li>
-<p>Install the latest Scarb version:</p>
+<p>Add the Starknet Foundry plugin and install the latest Starknet Foundry version:</p>
 <div class="listingblock">
 <div class="content">
-<pre class="highlightjs highlight"><code class="language-terminal hljs" data-lang="terminal">asdf install scarb latest
-asdf global scarb latest</code></pre>
+<pre class="highlightjs highlight"><code class="language-terminal hljs" data-lang="terminal">asdf plugin add starknet-foundry
+asdf install starknet-foundry latest
+asdf set -u starknet-foundry latest</code></pre>
 </div>
 </div>
 </li>
 <li>
-<p>Add the Starknet Foundry plugin:</p>
+<p>Add the Starknet Devnet plugin and install the latest Starknet Devnet version:</p>
 <div class="listingblock">
 <div class="content">
-<pre class="highlightjs highlight"><code class="language-terminal hljs" data-lang="terminal">asdf plugin add starknet-foundry</code></pre>
+<pre class="highlightjs highlight"><code class="language-terminal hljs" data-lang="terminal">asdf plugin add starknet-devnet
+asdf install starknet-devnet latest
+asdf set -u starknet-devnet latest</code></pre>
 </div>
 </div>
 </li>
 <li>
-<p>Install the latest Starknet Foundry version:</p>
-<div class="listingblock">
-<div class="content">
-<pre class="highlightjs highlight"><code class="language-terminal hljs" data-lang="terminal">asdf install starknet-foundry latest
-asdf global starknet-foundry latest</code></pre>
-</div>
-</div>
-</li>
-<li>
-<p>Restart your terminal and verify installation:</p>
+<p>Restart your terminal and verify that Scarb, Starknet Foundry, and Starknet Devnet were installed correctly:</p>
 <div class="listingblock">
 <div class="content">
 <pre class="highlightjs highlight"><code class="language-terminal hljs" data-lang="terminal">scarb --version
-snforge --version &amp;&amp; sncast --version</code></pre>
+snforge --version &amp;&amp; sncast --version
+starknet-devnet --version</code></pre>
 </div>
 </div>
 </li>