Ćwiczenie — konfigurowanie pliku package.json

Ukończone

Jesteś deweloperem środowiska Node.js w firmie Tailwind Traders. Umiejętność skonfigurowania nowego projektu Node.js to ważna umiejętność. Instalator obejmuje generowanie package.json pliku i tworzenie niektórych typowych skryptów do użycia w całym cyklu życia projektu.

Otwieranie projektu w kontenerze deweloperów

Udostępniono ci proste środowisko programistyczne. Jeśli na komputerze zainstalowano już środowisko Node.js LTS, możesz pominąć tę sekcję i sklonować przykładowe repozytorium i użyć środowiska lokalnego.

Programowanie zdalne (przeglądarka)

1. Rozpocznij proces tworzenia nowego repozytorium GitHub Codespace main w MicrosoftDocs/node-essentials gałęzi repozytorium GitHub.

   Otwórz ten projekt w usłudze GitHub Codespaces

2. Na stronie Tworzenie przestrzeni kodu przejrzyj ustawienia konfiguracji przestrzeni kodu, a następnie wybierz pozycję Utwórz nową przestrzeń kodu

   

3. Poczekaj na uruchomienie przestrzeni kodu. Ten proces uruchamiania może potrwać kilka minut.

4. Otwórz nowy terminal w przestrzeni kodu.

   Napiwek

   Możesz użyć menu głównego, aby przejść do opcji menu Terminal, a następnie wybrać opcję Nowy terminal .

   

5. Sprawdź, czy środowisko node.js jest zainstalowane:

   node --version
   

   Kontener deweloperski używa wersji Node.js LTS, takiej jak v20.5.1. Dokładna wersja może być inna.

6. Pozostałe ćwiczenia w tym projekcie mają miejsce w kontekście tego kontenera deweloperskiego.

Programowanie lokalne (Docker)

1. Otwórz program Visual Studio Code w kontekście pustego katalogu.

2. Upewnij się, że masz zainstalowane rozszerzenie Dev Containers w programie Visual Studio Code.

3. Otwórz nowy terminal w edytorze.

   Napiwek

   Możesz użyć menu głównego, aby przejść do opcji menu Terminal, a następnie wybrać opcję Nowy terminal .

   

4. Sklonuj MicrosoftDocs/node-essentials repozytorium GitHub do bieżącego katalogu.

   git clone https://github.com/MicrosoftDocs/node-essentials.git
   

5. Otwórz repozytorium w kodzie przy użyciu następujących poleceń w terminalu.

   cd node-essentials
   code .
   

6. Otwórz paletę poleceń, wyszukaj polecenia Dev Containers, a następnie wybierz pozycję Dev Containers: Otwórz ponownie w kontenerze.

   Napiwek

   Program Visual Studio Code może automatycznie monitować o ponowne otwarcie istniejącego folderu w kontenerze programistycznym. Jest to funkcjonalnie równoważne użyciu palety poleceń w celu ponownego otwarcia bieżącego obszaru roboczego w kontenerze.

   

7. Sprawdź, czy środowisko node.js jest zainstalowane:

   node --version
   

   Kontener deweloperski używa wersji Node.js LTS, takiej jak v20.5.1. Dokładna wersja może być inna.

8. Pozostałe ćwiczenia w tym projekcie mają miejsce w kontekście tego kontenera deweloperskiego.

Konfigurowanie nowego projektu Node.js

W tej lekcji został udostępniony kod źródłowy języka JavaScript. Twoim zadaniem jest utworzenie package.json pliku.

1. W terminalu przejdź do folderu dla tego ćwiczenia:

   cd node-dependencies/3-exercise-package-json
   

2. Wyświetl zawartość folderu:

   ls -R
   

   W tym folderze powinien zostać wyświetlony podfolder src z plikiem index.js :

    ./src:
        index.js
   

3. Uruchom następujące polecenie, aby utworzyć package.json plik z wartościami domyślnymi:

   npm init -y
   

   Plik package.json , który wygląda podobnie do tego przykładu:

   {
     "name": "3-exercise-package-json",
     "version": "1.0.0",
     "description": "",
     "main": "index.js",
     "scripts": {
       "test": "echo \"Error: no test specified\" && exit 1"
     },
     "keywords": [],
     "author": "",
     "license": "ISC"
   }
   

4. Zmodyfikuj wartość package.json za pomocą następujących wartości właściwości:

   • name: "tailwind-trader-api"
   • description: "Interfejs API HTTP do zarządzania elementami z bazy danych firmy Tailwind Traders"
   • main: "index.js"
   • keywords: ["API", "database"]
   • author: "Sam"

   Plik package.json powinien teraz wyglądać następująco:

   {
     "name": "tailwind-trader-api",
     "version": "1.0.0",
     "description": "HTTP API to manage items from the Tailwind Traders database",
     "main": "index.js",
     "dependencies": {},
     "devDependencies": {},
     "scripts": {
       "test": "echo \"Error: no test specified\" && exit 1"
     },
     "keywords": ["api", "database"],
     "author": "Sam",
     "license": "ISC"
   }
   

5. scripts W sekcji dodaj nowy skrypt o nazwie start powyżej skryptutest:

   "start": "node ./src/index.js",
   

6. Zapisz zmiany i zamknij plik package.json.

7. Uruchom projekt za pomocą start akcji, wprowadzając następujące polecenie:

   npm start
   

   Powinny być widoczne następujące dane wyjściowe:

   Welcome to this application
   

Teraz masz dobry package.json plik, który można wykorzystać w miarę rozwoju projektu.