現代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的相關知識,但願你們關注。

相關文章
相關標籤/搜索