Wie können Sie npm-Pakete auf einer Website anzeigen?

Question

Ich habe versucht, ein bestimmtes Node.js-Paket von Uber zu erstellen. Ich bin neu auf Knoten js, aber das sind die Schritte, die ich folgte dem Code zu erhalten:

1. ihre repo
Geklonte
2. npm
3. ran installieren npm starten ran

I don‘ Ich verstehe jedoch nicht, wie ich diese Website sehen kann. Es scheint in Bezug auf das Starten des Pakets funktioniert zu haben, aber wo gehe ich nun hin, um diese Website zu sehen? Generell sollte es eine HTML-Datei geben, oder? Ich sehe keinen.

Answer 1

Sie können das Knotenpaket mit dem folgenden Befehl klonen, um es in Ihrem Projekt zu verwenden.

npm install --save deck.gl luma.gl 

Zum Beispiel, wenn Sie mit React JS arbeiten. Sie können den Code auf diese Weise schreiben.

import MapGL from 'react-map-gl'; 
import DeckGL from 'deck.gl/react'; 
import {ScatterplotLayer, Viewport} from 'deck.gl'; 

const data = []; 
const viewport = new Viewport(); 

return (
    <MapGL> 
    <DeckGL 
     viewport={viewport} 
     layers={[new ScatterplotLayer({data})]} 
    /> 
    </MapGL> 
); 

Bitte diese Links verweisen:

Getting Started: http://uber.github.io/deck.gl/#/documentation/overview/getting-started

Verwendung mit React: http://uber.github.io/deck.gl/#/documentation/usage/using-with-react

Hier html ist virtuell dom, die in JSX Syntax ist.

Answer 2

Wenn Sie einen Blick auf das start Skript werfen, können Sie sehen, es geht einfach, installieren und starten Sie ein eigenständiges Beispiel, nicht die eigentliche Website gehostet auf Github-Seiten.

(cd examples/layer-browser && (path-exists node_modules || npm i) && npm run start-local) 

Um den Code und die Abhängigkeiten der Website zu überprüfen, gehen Sie in die demo directory. In diesem Ordner können Sie npm install die Website-Abhängigkeiten abrufen, exportieren Sie die globale MAPBOX_ACCESS_TOKEN env-Variable mit einem gültigen Mapbox-Token (Sie können eine kostenlos auf der MapBox website erhalten) und schließlich npm start ausführen.

Es öffnet sich ein Browser auf http://localhost:3000 und Sie können anfangen zu spielen.

_{Haftungsausschluss: Ich arbeite für Uber im Data Visualization Team verantwortlich für deck.gl.}