如何查看網站上的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工作。}