一.根據官方教程，首先安裝node.js
二.打開node.js命令提示符：
新建的文件夾如下
下載ol官網（https://openlayers.org/download/）的庫文件：
將庫文件解壓到新建的openlayers6文件夾下， 將官網的庫文件中ol.js和ol.css分別放到新建的script和styles文件夾下：：
三.
按照上面的步驟：
①npm init -y ，生成package.json文件
② npm install ol ,生成
③ npm install --save-dev parcel-bundler，受影響的文件：
四. 新建index.html和index.js文件
②在根目錄（E:\cy\web\openlayers6）下新建index.html文件，將官方文檔的代碼拷貝到文件中：
③在script文件夾里新建index.js文件，並將官方文檔代碼拷貝到該文件里：
五.創建綁定
①手動復制兩行代碼到package.json
② 命令提示符 npm start ：
③將index.js移出后，重新運行npm start:
④訪問： http://localhost:1234 即可：
后記：ol5以后，openlayers采用ES6,以前ol4那種簡單的加庫的方法已經不適用了。對ES6還不了解，貌似chrome和火狐對ES6的支持度已經很高了，這說明ES6是大勢。
官網對環境搭建這塊的教程說的太簡略了，自己搞了一天沒搞出來，很久沒有那種感覺了，直接郁悶。中午在陸同事的幫助下，終於可以了，發現很神奇，VSCode中修改代碼后，不用刷新直接同步到瀏覽器。