2016-03-02 19 views
8

Sto iniziando il tutorial react.js, Ho scaricato il file e poi menzioni: "Seguite i vostri progressi aprendo http://localhost:3000 nel tuo browser (dopo l'avvio del server)"Esercitazione su React: come posso avviare il server del nodo per un'applicazione reactJs?

So che questo può sembrare stupido, (sopportare me da quando sono un principiante con React) ma come posso avviare il server in questo caso?

Grazie.

Marc

+2

dipende da ciò che la lingua che si sta utilizzando: https://github.com/reactjs/react-tutorial/ – jmargolisvt

+0

ne dite di collegamento al repo/esercitazione ?? –

risposta

6

piuttosto solido possibilità è npm start dalla radice del progetto.

I moduli correttamente imballati avranno un numero node scripts configurato in package.json. È consuetudine utilizzare start come script per eseguire l'ambiente di sviluppo, anche se alcuni potrebbero utilizzare build, dev o altri nomi.

+0

Grazie Carl :-) – Marc

+0

Fondamentalmente io vengo da un background creativo, avendo ramificato in front end design e sviluppo 12 anni fa, avendo esperienza commerciale in HTML5 CSS3 alcuni javascript e jquery. Negli ultimi 3 anni mi sono interessato al lato più profondo delle strategie di UX e della creatività, mi piace aggiornarmi con le nuove tecnologie emergenti e sto imparando a creare app web con react.js e anche la teoria e la futura implementazione di componenti web in questo campo. – Marc

+1

Quindi, dal lato front-end del design e dello sviluppo delle cose, al momento sto provando a fare un pasticcio insieme su come creare una struttura di cartelle, e fondamentalmente costruire un sito web usando react.js su un server node.js insieme a HTML e CSS, e tecnicamente come questi linguaggi lavorano insieme a livello di sviluppo e produzione per creare il prodotto finito, o almeno un prototipo per ulteriori sviluppi. – Marc

1

Sembra che tu stia seguendo lo official React tutorial, nel qual caso le istruzioni per avviare le varie implementazioni del server incluse sono here.

+0

Grazie Rick, sì, ho capito subito :-) – Marc

2

Ho utilizzato il nodo per eseguire il server. I passi che ho seguito sono:

  1. ho scaricato il pacchetto zip dal Esecuzione di un sezione Server here

  2. ho avuto il link aperta: http://localhost:3000/

  3. ho aperto Node.js Comando Chiedi conferma e naviga al progetto zip scaricato. Dal nodo esempio here:

    Basta digitare i comandi dell'esempio: installare Prima npm e poi server.js nodo.

    Vedere la schermata di seguito:

enter image description here

Quando ho aggiornare la pagina localhost web vedo il seguente:

enter image description here

+0

Grazie Gloria, è grandioso. :-) – Marc

1

È possibile eseguire uno qualsiasi dei sotto i comandi menzionati per avviare il server nodo per l'applicazione reactJs:

  1. NPM run-script start
  2. corsa npm start
  3. npm start

Tutti sopra tre comandi sono equivalenti, ma naturalmente la gente di solito uso l'ultimo in quanto è il più breve :)

Qui start semplicemente le mappe nella chiave start presente nella configurazione scripts presente in package.json fi la tua domanda di risposta. Come nel file package.json della mia applicazione reactJs risulta nel comando di react-scripts start di npm. Ecco il mio file package.json della mia applicazione ciao-mondo.

{ 
    "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" 
    } 
} 
Problemi correlati