现代WebGIS开发教程之ES6基础1——环境配置1

缘起
   打算开坑,这个坑是我以前想开的,因为以下几点:

  1. 学校学习偏学术,以至于到单位的新人需要从基础培养,缺少实用教材。
  2. 网络的文章,不系统,以讹传讹多
  3. WebGIS开发人员很多满足于肤浅的api使用,对开发知识学习不够深入
  4. 当前传统WebGIS开发人员对Web新技术了解太少

   学习WebGIS第一步要打好基础,不要一开始做网页看个地图,那样虽说有了兴趣,但是头绪太多,javascript、html、css、还有各种api(openlayers、leaflet、arcgis js api、mapbox-gl),容易浮在表面api的使用忽略了设计、架构以及原理性的知识,我不希望我的组员是一名只会调用api的开发人员。因此,我想开个坑,一方面是之前学习和指导开发人员的技术总结,一方面也是给自己备份些心得。

基本环境
   ES6基础系列以ES6语法和库为主,不打算和网页结合,例子以命令行为主要形式,因此本文的环境知识满足以上需求而配置
   闲话休提,我们不用浏览器怎么运行javascript,就像运行java需要jre一样,我们需要一个运行时来运行javascript,这就是Node.js,相信大家都听说过这个。下载嘛https://nodejs.org/ ,懒人这个最方便,当然linux有dnf、yum啥的谁用谁知道。版本嘛LTS的技术保守点,贵在稳定,有bug会长期有人修复。Current,嗯,我这种不折腾不舒服的人最喜欢。总之看个人喜好了,安装完了咋知道,命令行很重要,在win cmd,在li terminal,在mac 嗯,还是terminal,打开后敲入命令:

node -v

   然后呢,看到版本号,就是装成功了

现代WebGIS开发教程之ES6基础1——环境配置1_第1张图片

   这两年的Node.js会把副产品带上,这个附产品很有用叫npm,所有的项目都是通过npm去创建的,还是在命令行,敲以下命令:

npm -v

   于是能看到npm的版本。

现代WebGIS开发教程之ES6基础1——环境配置1_第2张图片
   恭喜你,装好了
第一句代码
   环境好了,照惯例,有个Hell, World!才算是真的好,那咱们就来吧,命令行(真的很重要,bash要学好),输入命令

node

   就会出现交互式界面,有提示符>

现代WebGIS开发教程之ES6基础1——环境配置1_第3张图片
   我们第一句代码就是打印Hello, World!,在提示符后敲入代码

console.log('Hello, World!');

   再看看有什么结果

现代WebGIS开发教程之ES6基础1——环境配置1_第4张图片
   嗯,确实打印了Hello, World!,完美,我学会javascript。
   然鹅,你就这么忽略了后面的undefined么?相信很多人都会选择忽略。出现undefined的原因是什么呢?node交互时界面返回的是输入语句返回值,打印出Hello, World是console.log执行的操作,但是console.log的返回值是undefined,因此才会有这两行输出。
   凡事不要大而化之,差不离,一定要深究,这才是学习的态度
   最后退出环境,在命令行输入:

.exit

   如图退出

现代WebGIS开发教程之ES6基础1——环境配置1_第5张图片

   以上,各位算是javascript入门了,后面我将逐步讲解ES6的相关知识,希望大家关注。

你可能感兴趣的:(webgis,es6)