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 与用户一块儿成长。

欢迎转载传播。