workflow-wizard-walkthrough/install-vs-code.html at main · dandrake/workflow-wizard-walkthrough · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<div class="reminder">
  ⚠️ There is a product named “Visual Studio.” There is also a product named
  “Visual Studio Code.” They are completely different products. Microsoft just
  gave them very similar names in order to confuse us all. (Thanks, Microsoft!)
  For this class, we want Visual Studio <strong>Code</strong>.️
</div>

<strong>Everyone:</strong>

<ol type="1">
  <li id="e4f5g6">
    <a href="#e4f5g6" class="anchor-link" aria-label="Link to this item"></a>
    Go to
    <a href="https://code.visualstudio.com/">https://code.visualstudio.com/</a>
  </li>
  <li id="h7i8j9">
    <a href="#h7i8j9" class="anchor-link" aria-label="Link to this item"></a>
    Click the big <strong>Download</strong> button.
  </li>
</ol>

<div class="intel-mac apple-silicon-mac other-platform">
  <p><strong>Mac (Intel and Apple Silicon):</strong></p>

  <p>
    To keep things organized, you should move the downloaded file out of your
    Downloads folder and into <strong>Applications</strong>. Note, you might
    need to uncompress the downloaded file.
  </p>
</div>

<div class="win other-platform">
  <p><strong>Windows:</strong></p>

  <p>Double-click the app to open and start configuring VS Code.</p>

  <ol type="1">
    <li id="k1l2m3">
      <a href="#k1l2m3" class="anchor-link" aria-label="Link to this item"></a>
      Run / open the downloaded file.
    </li>
    <li id="n4o5p6">
      <a href="#n4o5p6" class="anchor-link" aria-label="Link to this item"></a>
      Accept the license agreement. Click <strong>Next</strong>.
    </li>
    <li id="q7r8s9">
      <a href="#q7r8s9" class="anchor-link" aria-label="Link to this item"></a>
      <p>
        You can <em>mostly</em> keep clicking “Next” to accept all the
        installation defaults, with one exception: make sure you
        <strong>enable the following three options</strong> on the “Select
        Additional Tasks” screen:
      </p>
      <blockquote>
        ☑ Add "Open with Code" action to Windows Explorer file context menu<br />
        ☑ Add "Open with Code" action to Windows Explorer directory context
        menu<br />
        ☑ Register Code as an editor for supported file types<br />
      </blockquote>
    </li>

    <li id="t1u2v3">
      <a href="#t1u2v3" class="anchor-link" aria-label="Link to this item"></a>
      Click the <strong>Install</strong> button when you get to the end of all
      the configuration screens.
    </li>
    <li id="w4x5y6">
      <a href="#w4x5y6" class="anchor-link" aria-label="Link to this item"></a>
      When the installation is done, make sure that "Launch Visual Studio Code"
      is checked:

      <p>
        <img
          src="images/install-vs-code-win-complete-setup-wizard.png"
          width="400"
          alt="Screenshot from the VS Code installation. The dialog box
       says 'Completing the Visual Studio Code Setup Wizard.

       Setup has finished installing Visual Studio Code on your
       computer. The application may be launched by selecting the
       installed shortcuts.

       Click Finish to exit Setup.

       ☑ Launch Visual Studio Code'."
        />
      </p>

      ...and click <strong>Finish</strong>.
    </li>
  </ol>
</div>