L7 2.0 上手指北

L7 是啥 ？ 知道的就不用點擊了 往下看 👇。

L7 2.0 beta 版本發佈，不少小夥伴，磨刀霍霍，火燒眉毛的想上腳體驗一把

因而乎來到了這個「全球最大的同性交友網站」下載了L7源碼

但願那麼多demo能在本地電腦上運行起來了 

現實倒是各個環境報錯，就是安裝不起來，

各類折騰以後依舊不能夠

簡直是從入門到放棄

迴歸正題

L7  項目基於WebGL的可視化庫，總體工程架構比較複雜，編譯，測試，打包都需不少編譯工做，須要依賴不少系統環境。還有官網的架構源碼，都包含在其中， 這些環境mac，linux上比較容易，可是window上比較複雜。咱們也在製做window的編譯的最佳實踐。 若是你只是想預覽L7的demo和項目中使用，開發徹底不須要編輯源碼的，

⚠️這裏強調一下L7 只是源碼編譯在window下比較複雜，你在項目中開發使用徹底不須要考慮的也不會影響的。_

快速入門L7的最佳方式

1、打開L7官網demo頁

 選擇一個任意一個你想看的demo

你可能沒有注意，代碼區的上方有一排工具按鈕，注意了你可能不知道幹什麼用的。

2、打開 codesandbox。

點擊左側第三個按鈕，你就進入了 codesandbox。

你發現你進入了一個線代碼編輯器比較流行，這個裏面你能夠修改代碼，而且可以隨時看到效果

你可能想說我就想本地跑起來，不想在線修改。

固然是是能夠的

3、下載demo源碼

  在codesandbox的文件目錄工具備下載按鈕，參照圖中紅色部分

  點擊下載你能夠把這個demo的源碼下載到本地。

4、啓動項目

   解壓項目，進入項目目錄

1.安裝環境依賴

若是不知道yarn可能須要補充一下前端知識了，若是沒有yarn環境你須要安裝一下，

yarn install

 2. 啓動項目

yarn  start

 瀏覽器就會自動打開 http://localhost:3000/，這樣demo 就跑起來了

如今你能夠盡情的本地修改代碼，添加本身的圖層了。

L7 全部demo均可以在codesandbox 打開，你能夠下載代碼。

若是你不想下載不少，你能夠把demo代碼複製到你下週的demo源碼裏面。

寫在最後

若是隻是預覽和項目中開發使用L7 是不選要本地編譯L7的，現代的前端庫，特別是webgl技術棧開發環境是比較複雜的，特別是windows用戶，若是編譯這塊你不太擅長，仍是再等等咱們推出windows環境適配的。若是是mac linux 編譯仍是比較簡單，如今就可也使用了。

• 若是你是喜歡折騰，喜歡可視化
• 若是你想學習WebGL 可視化
• 若是你想學習如何快速打造多語言支持的產品官網
• 若是你想學習前端的架構體系
• ……

  這些L7源碼中均可以學到，還有更多驚喜，關注L7 star  歡迎你們想爲L7貢獻力量，不限docs，issue，fixbug，feature，L7 與用戶一塊兒成長。

歡迎轉載傳播。