javascript - 如何在网站上查看 npm 包？

Question

我一直在尝试让 Uber 制作的特定 Node.js 包工作。我是 Node js 的新手，但这些是我获取代码所遵循的步骤：

1. 克隆了他们的仓库
2. 运行 npm 安装
3. 运行 npm start

不过，我不明白如何查看这个网站。它似乎在启动包方面有效，但现在我去哪里查看这个网站？一般应该有一个html文件吧？我没有看到一个。

Answer 1

如果你看一下start脚本，你会发现它只是运行、安装然后启动一个独立的示例，而不是托管在 github 页面上的实际网站。

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

要查看网站的代码和依赖项，请进入演示目录。在此文件夹中，您可以npm install获取网站依赖项，MAPBOX_ACCESS_TOKEN使用有效的 mapbox 令牌导出全局环境变量（您可以在MapBox 网站上免费获得一个），最后运行npm start.

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

_{免责声明：我在 Uber 的数据可视化团队工作，负责 deck.gl。}

Answer 2

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

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。