From 1f2abf9d62750da1cc8850c6b060cc8542d49d2e Mon Sep 17 00:00:00 2001 From: Karl Horky Date: Thu, 22 Apr 2021 18:56:41 +0200 Subject: [PATCH] Reorder steps --- windows.md | 47 +++++++++++++++++++++++++---------------------- 1 file changed, 25 insertions(+), 22 deletions(-) diff --git a/windows.md b/windows.md index 3f88eec..d1ad1f4 100644 --- a/windows.md +++ b/windows.md @@ -20,7 +20,16 @@ Before you start, please make sure that you're running Windows 8.1 or Windows 10 ``` This uses Chocolatey to install Git, Node.js, Yarn, Visual Studio Code, Hyper, Zoom, Slack and Postman.

**Note:** If you are using Windows 7, you may have encountered a problem with installing Node.js because [the latest versions no longer support Windows 7](https://github.com/nodejs/node/issues/33000). To get around this, run this separately: `choco install nodejs -y --version 13.6.0`

-7. Copy each line in the following text, right-click in the blue middle part of the PowerShell window to paste the text and hit enter.

+7. Copy each line in the following text, right-click in the blue middle part of the PowerShell window to paste the text and hit enter. + + ```bash + choco install python visualcpp-build-tools -y + npm config set msvs_version 2017 + ``` + + This uses Chocolatey to install some Windows build tools to help with installing some Node.js native modules. + +8. Copy each line in the following text, right-click in the blue middle part of the PowerShell window to paste the text and hit enter.

```bash code --install-extension Cardinal90.multi-cursor-case-preserve @@ -38,18 +47,18 @@ Before you start, please make sure that you're running Windows 8.1 or Windows 10 This installs some VS Code extensions we will need.

-8. We recommend installing and using Chrome so that you have the same Devtools as others.

+9. We recommend installing and using Chrome so that you have the same Devtools as others.

If you don't have Chrome installed yet, you can install it with Homebrew. To do this, copy the following text and right-click in the blue middle part of the PowerShell window to paste the text. Hit enter.

```bash choco install chrome -y ``` This uses Chocolatey to install Chrome.

-9. Install the following Chrome Extensions: - - [React Developer tools Chrome Extension](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) - - [Refined GitHub Chrome Extension](https://chrome.google.com/webstore/detail/refined-github/hlepfoohegkhhmjieoechaddaejaokhf?hl=en) - - [Web Vitals Chrome Extension](https://chrome.google.com/webstore/detail/web-vitals/ahfhijdlegdabablpippeagghigmibma?hl=en) -10. Close PowerShell and open it again as administrator (like in step 1)

-11. Copy the following text and right-click in the PowerShell window to paste the text. Hit enter.

+10. Install the following Chrome Extensions: + - [React Developer tools Chrome Extension](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en) + - [Refined GitHub Chrome Extension](https://chrome.google.com/webstore/detail/refined-github/hlepfoohegkhhmjieoechaddaejaokhf?hl=en) + - [Web Vitals Chrome Extension](https://chrome.google.com/webstore/detail/web-vitals/ahfhijdlegdabablpippeagghigmibma?hl=en) +11. Close PowerShell and open it again as administrator (like in step 1)

+12. Copy the following text and right-click in the PowerShell window to paste the text. Hit enter.

```bash CI=true npx create-react-app --help @@ -58,12 +67,12 @@ Before you start, please make sure that you're running Windows 8.1 or Windows 10 This will prepare a program that we will use in the course. This will take a while and then respond with a message that some modules have been installed, similar to this:



-12. Copy the following text and right-click in the PowerShell window to paste the text. Hit enter.

+13. Copy the following text and right-click in the PowerShell window to paste the text. Hit enter.

```bash yarn global add @upleveled/preflight ``` This will prepare a program that we will use in the course.

-13. Next we will configure VS Code.

+14. Next we will configure VS Code.

Open VS Code and then press the keys Ctrl-Shift-P. Type in "Settings" and select the item that says `Preferences: Open Settings (JSON)`:



Once the settings file is open, we will want to add the settings below.

@@ -125,7 +134,7 @@ Before you start, please make sure that you're running Windows 8.1 or Windows 10 If you have any of these warnings, we should fix them. For each one of these lines with the warnings on them, delete the full line, including the comma at the end. We usually like to select from the start of the first `"` to just before the next `"` on the next line:



-14. Now we will configure Hyper.

+15. Now we will configure Hyper.

Open Hyper and then select Edit -> Preferences, which will open a text file in an editor:



In this file, we will do three things: @@ -135,7 +144,7 @@ Before you start, please make sure that you're running Windows 8.1 or Windows 10 Then save the file and close and restart Hyper. -15. We will now install PostgreSQL. Search for Hyper in the start menu, then right click on it and choose "Run as Administrator". +16. We will now install PostgreSQL. Search for Hyper in the start menu, then right click on it and choose "Run as Administrator". Copy the following text, paste it in Hyper and hit return. @@ -236,7 +245,7 @@ Before you start, please make sure that you're running Windows 8.1 or Windows 10

-16. We will now install Docker. +17. We will now install Docker. **Option A - Windows 10 Pro:** @@ -266,20 +275,14 @@ Before you start, please make sure that you're running Windows 8.1 or Windows 10 4. Open the start menu and search for "Ubuntu". Start it - it should ask you to create a user with a password. This will be your user to log in to your Ubuntu Linux Subsystem - note down the username and password somewhere secure to make sure you do not forget it. 5. Open the start menu and search for "Docker Desktop". Start it and go to the Settings. Under the General tab, you will find an option called "Use WSL 2 based engine". Make sure this is checked. -17. Test if Docker is installed by running the following command on the command line: +18. Test if Docker is installed by running the following command on the command line: + ```bash docker run hello-world ``` + It should print out a welcome message like this:



-18. Next we will install some Windows build tools that help with installing packages for Node.js. Search for Hyper in the start menu, then right click on it and choose "Run as Administrator". - - Copy the following text, paste it in Hyper and hit return. - - ```bash - choco install python visualcpp-build-tools -y - npm config set msvs_version 2017 - ``` 19. We will now install Expo CLI for React Native. Search for Hyper in the start menu, then right click on it and choose "Run as Administrator".