Как вы можете просмотреть пакеты npm на сайте?

Question

Я пытался заставить работать конкретный пакет Node.js, созданный Uber. Я новичок в Node js, но вот шаги, которые я выполнил, чтобы получить код:

1. Клонировали их репо
2. побежал npm установить
3. побежал нпм старт

Я не понимаю, как я могу просматривать этот сайт, хотя. Кажется, что это сработало с точки зрения запуска пакета, но теперь, куда мне обратиться, чтобы просмотреть этот сайт? Вообще должен быть файл html, верно? Я не вижу никого.

Answer 1

Вы можете клонировать пакет узла, используя следующую команду, чтобы использовать его в своем проекте.

npm install --save deck.gl luma.gl

Например, если вы работаете с React JS . Вы можете написать код таким образом.

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>
);

Пожалуйста, обратитесь по этой ссылке:

Начало работы: http://uber.github.io/deck.gl/

Использование с React: http://uber.github.io/deck.gl/

Здесь HTML это виртуальный дом, который находится в синтаксисе JSX.

Answer 2

Если вы посмотрите на start Сценарий, вы можете увидеть, что он просто идет, установить, а затем запустить автономный пример, а не фактический веб-сайт, размещенный на страницах github.

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

Чтобы ознакомиться с кодом и зависимостями сайта, перейдите в демонстрационный каталог. Находясь в этой папке, вы можете npm install чтобы получить зависимости сайта, экспортировать глобальные MAPBOX_ACCESS_TOKEN Переменная env с допустимым токеном mapbox (вы можете получить его бесплатно на веб-сайте MapBox) и, наконец, запустить npm start,

Это откроет браузер на http://localhost:3000 и вы можете начать играть вокруг.

_{Отказ от ответственности: я работаю на Uber в команде визуализации данных, ответственной за deck.gl.}