2016-03-02 19 views
8

Ja tylko rozpoczęciem react.js samouczek, Pobrałem pliki, a następnie wymienia: „Śledź swoje postępy poprzez otwarcie http://localhost:3000 w przeglądarce (po uruchomieniu serwera)”React tutorial - jak uruchomić serwer węzłów dla aplikacji reactJs?

Wiem, że to może zabrzmieć głupio (wytrzymaj ze mną, odkąd jestem początkującym w React), ale jak uruchomić serwer w tym przypadku?

Dzięki.

Marc

+2

Zależy jakiego języka używasz: https://github.com/reactjs/react-tutorial/ – jmargolisvt

+0

Jak o link do repo/tutorialu ?? –

Odpowiedz

6

całkiem solidne szansa to npm start z korzenia projektu.

Prawidłowo zapakowane moduły będą miały numer node scripts skonfigurowany w package.json. Zazwyczaj używa się start jako skryptu do uruchamiania środowiska deweloperów, choć niektóre mogą używać build, dev lub innych nazw.

+0

Dzięki Carl :-) – Marc

+0

Zasadniczo pochodzę z kreatywnego środowiska, mając 12 lat temu rozrósł się do przodu projektowania i rozwoju, więc mając doświadczenie handlowe w HTML5 CSS3 niektóre javascript i jquery. W ciągu ostatnich 3 lat zainteresowałem się bardziej szczegółową strategią UX, a także kreatywnością. Lubię być na bieżąco z nowymi i nowymi technologiami, dlatego uczę się tworzyć aplikacje internetowe. z react.js oraz teorią i przyszłym wdrożeniem komponentów sieciowych w tej dziedzinie. – Marc

+1

Wychodząc z projektu i strony rozwojowej, w tej chwili staram się zebrać razem, w jaki sposób utworzyć struktury folderów, i zasadniczo zbudować stronę internetową za pomocą pliku react.js na serwerze node.js w połączeniu z HTML i CSS, i pod względem technicznym, jak te języki współpracują na poziomie rozwoju i produkcji, aby stworzyć gotowy produkt lub przynajmniej prototyp do dalszego rozwoju. – Marc

1

Wygląda na to, że podążasz za official React tutorial, w którym to przypadku instrukcja uruchamiania różnych dołączonych implementacji serwera to here.

+0

Dzięki Rick, tak to teraz :-) – Marc

2

Użyłem węzła do uruchomienia serwera. Etapy I obserwowani są:

  1. Pobrałem paczkę zip z prowadzeniem sekcji Serwer here

  2. miałem link otwarty: http://localhost:3000/

  3. Otworzyłem node.js polecenia Podpowiedź i przejdź do pobranego projektu zip . Z przykładu węzła: here:

    Po prostu wpisz polecenia w przykładzie: Najpierw zainstaluj, a następnie węzeł server.js.

    zobacz zrzut ekranu poniżej:

enter image description here

Kiedy odświeżyć stronę localhost internetową widzę następujące:

enter image description here

+0

Dzięki Gloria, to świetnie. :-) – Marc

1

mogą Państwo uruchomić dowolną jedną z poniżej wymienione komendy uruchamiające serwer węzłów dla twojej aplikacji reactJs:

  1. npm wykonywania skryptu start
  2. prowadzony npm start
  3. npm start

Wszystkie powyższe trzy polecenia są równoważne ale ludzie zwykle używają kurs ostatni, ponieważ jest to najkrótsza :)

Tutaj start po prostu odwzorowuje klucz start obecny w konfiguracji scripts obecny w package.json fi le z twojej aplikacji reactJs. Podobnie jak w pliku package.json mojej aplikacji reactJs, powoduje to wywołanie komendy react-scripts start npm. Oto mój plik package.json z mojej aplikacji Hello World.

{ 
    "name": "hello-world", 
    "version": "0.1.0", 
    "private": true, 
    "dependencies": { 
    "react": "^15.4.2", 
    "react-dom": "^15.4.2" 
    }, 
    "devDependencies": { 
    "react-scripts": "0.9.5" 
    }, 
    "scripts": { 
    "start": "react-scripts start", 
    "build": "react-scripts build", 
    "test": "react-scripts test --env=jsdom", 
    "eject": "react-scripts eject" 
    } 
}