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

缘起
   打算开坑,这个坑是我之前想开的,由于如下几点:javascript

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

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

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

node -v

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

clipboard.png

   这两年的Node.js会把副产品带上,这个附产品颇有用叫npm,全部的项目都是经过npm去建立的,仍是在命令行,敲如下命令:node

npm -v

   因而能看到npm的版本。linux

clipboard.png
   恭喜你,装好了
第一句代码
   环境好了,照惯例,有个Hell, World!才算是真的好,那我们就来吧,命令行(真的很重要,bash要学好),输入命令npm

node

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

clipboard.png
   咱们第一句代码就是打印Hello, World!,在提示符后敲入代码浏览器

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

   再看看有什么结果bash

clipboard.png
   嗯,确实打印了Hello, World!,完美,我学会javascript。
   然鹅,你就这么忽略了后面的undefined么?相信不少人都会选择忽略。出现undefined的缘由是什么呢?node交互时界面返回的是输入语句返回值,打印出Hello, World是console.log执行的操做,可是console.log的返回值是undefined,所以才会有这两行输出。
   凡事不要大而化之,差不离,必定要深究,这才是学习的态度
   最后退出环境,在命令行输入:

.exit

   如图退出

clipboard.png

   以上,各位算是javascript入门了,后面我将逐步讲解ES6的相关知识,但愿你们关注。

相关文章
相关标签/搜索