L7 是啥 勋磕? 知道的就不用點擊了 往下看 ??妈候。
L7 2.0 beta 版本發(fā)布,很多小伙伴挂滓,磨刀霍霍苦银,迫不及待的想上腳體驗一把于是乎來到了這個“全球最大的同性交友網(wǎng)站”下載了L7源碼
希望那么多demo能在本地電腦上運行起來了
現(xiàn)實卻是各個環(huán)境報錯,就是安裝不起來赶站,回歸正題
L7 項目基于WebGL的可視化庫墓毒,整體工程架構(gòu)比較復(fù)雜,編譯亲怠,測試,打包都需很多編譯工作柠辞,需要依賴很多系統(tǒng)環(huán)境团秽。還有官網(wǎng)的架構(gòu)源碼,都包含在其中叭首, 這些環(huán)境mac习勤,linux上比較容易,但是window上比較復(fù)雜焙格。我們也在制作window的編譯的最佳實踐图毕。
如果你只是想預(yù)覽L7的demo和項目中使用,開發(fā)完全不需要編輯源碼的眷唉,
??這里強(qiáng)調(diào)一下L7 只是源碼編譯在window下比較復(fù)雜予颤,你在項目中開發(fā)使用完全不需要考慮的也不會影響的。_
快速入門L7的最佳方式
一冬阳、打開L7官網(wǎng)demo頁
選擇一個任意一個你想看的demo
你可能沒有注意蛤虐,代碼區(qū)的上方有一排工具按鈕,注意了你可能不知道干什么用的肝陪。
二驳庭、打開 codesandbox。
點擊左側(cè)第三個按鈕,你就進(jìn)入了 codesandbox饲常。你發(fā)現(xiàn)你進(jìn)入了一個線代碼編輯器比較流行蹲堂,這個里面你可以修改代碼,并且能夠隨時看到效果
你可能想說我就想本地跑起來贝淤,不想在線修改柒竞。
當(dāng)然是是可以的
三、下載demo源碼
在codesandbox的文件目錄工具有下載按鈕霹娄,參照圖中紅色部分
點擊下載你可以把這個demo的源碼下載到本地能犯。
四、啟動項目
解壓項目犬耻,進(jìn)入項目目錄
1.安裝環(huán)境依賴
如果不知道yarn可能需要補(bǔ)充一下前端知識了踩晶,如果沒有yarn環(huán)境你需要安裝一下,
yarn install
2. 啟動項目
yarn start
瀏覽器就會自動打開 http://localhost:3000/枕磁,這樣demo 就跑起來了
現(xiàn)在你可以盡情的本地修改代碼渡蜻,添加自己的圖層了。
L7 所有demo都可以在codesandbox 打開计济,你可以下載代碼茸苇。
如果你不想下載很多,你可以把demo代碼復(fù)制到你下周的demo源碼里面沦寂。
寫在最后
如果只是預(yù)覽和項目中開發(fā)使用L7 是不選要本地編譯L7的学密,現(xiàn)代的前端庫,特別是webgl技術(shù)棧開發(fā)環(huán)境是比較復(fù)雜的传藏,特別是windows用戶腻暮,如果編譯這塊你不太擅長,還是再等等我們推出windows環(huán)境適配的毯侦。如果是mac linux 編譯還是比較簡單哭靖,現(xiàn)在就可也使用了。
如果你是喜歡折騰侈离,喜歡可視化
如果你想學(xué)習(xí)WebGL 可視化
如果你想學(xué)習(xí)如何快速打造多語言支持的產(chǎn)品官網(wǎng)
如果你想學(xué)習(xí)前端的架構(gòu)體系
-
……
這些L7源碼中都可以學(xué)到试幽,還有更多驚喜,關(guān)注L7 star
歡迎大家想為L7貢獻(xiàn)力量卦碾,不限docs铺坞,issue,fixbug洲胖,feature康震,L7 與用戶一起成長。
歡迎轉(zhuǎn)載傳播宾濒。