如何在网站上查看npm包?

时间:2017-03-08 04:16:08

标签: javascript node.js data-visualization deck.gl

我一直试图获得由Uber工作的特定Node.js包。我是Node js的新手,但这些是我为获取代码而采取的步骤:

  1. 克隆了他们的repo
  2. 跑npm install
  3. 跑npm start
  4. 但我不明白如何查看此网站。它似乎在启动程序包方面起作用,但现在我在哪里可以查看此网站?一般应该有一个html文件,对吧?我没有看到一个。

2 个答案:

答案 0 :(得分:0)

您可以使用以下命令克隆节点包,以在项目中使用它。

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/#/documentation/overview/getting-started

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

这里的html是使用JSX语法的虚拟dom。

答案 1 :(得分:0)

如果您查看start脚本,您可以看到它,安装然后启动一个独立的示例,而不是github页面上托管的实际网站。

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

要查看网站的代码和依赖关系,请转到demo directory。在此文件夹中,您可以npm install获取网站依赖关系,使用有效的mapbox令牌导出全局MAPBOX_ACCESS_TOKEN env变量(您可以在MapBox website上获得一个)并最终运行npm start

它会在http://localhost:3000上打开一个浏览器,你可以开始玩了。

免责声明:我在负责deck.gl的数据可视化团队为优步工作。