如何查看网站上的npm包？

Question

我一直在试图获取由Uber工作的特定Node.js包。我是新来的节点JS，但这些都是我跟着获取代码的步骤：

1. 克隆自己repo
2. 跑NPM安装
3. 跑NPM启动

我不不过，了解我如何查看本网站。它似乎在启动软件包方面有效，但现在我该去哪里查看本网站？一般应该有一个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/#/documentation/overview/getting-started

用法与阵营：http://uber.github.io/deck.gl/#/documentation/usage/using-with-react

这里是HTML DOM虚拟这是JSX语法。

Answer 2

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

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

要检出网站的代码和相关性，请进入demo directory。在此文件夹中，您可以使用npm install获取网站相关性，使用有效的地图箱令牌导出全球MAPBOX_ACCESS_TOKEN env变量（您可以在MapBox website上免费获得一个变量），最后运行npm start。

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

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