往期内容回顾：

（1）WebGIS 开发学习路线图 (2025 三维核心版)

（2）想学GIS开发，为什么建议初学者从WebGIS开发上手?

（3）为什么建议从二维向三维GIS开发方向拓展？

（4）GIS开发平台以及相关名词术语介绍

为了照顾零基础的同学，前面我们补充一下开发基础。

今天逐步带大家从零开始，快速搭建一下属于自己的开发环境，手把手教大家安装：

• 开发软件VSCode

• 运行测试工具Chrome

• 注册成为高德开放平台开发者

• 注册账号

• 创建应用

 注意：本文参考视频教程，可移步GIS | 零基础入门WebGIS开发，《智慧校园》项目实战_哔哩哔哩_bilibiliGIS | 零基础入门WebGIS开发，《智慧校园》项目实战共计94条视频，包括：导学、1.1什么是GIS开发、1.2-什么是webGIS开发等，UP主更多精彩视频，请关注UP账号。https://www.bilibili.com/video/BV1Ui4y1U7c6/

第一节 安装代码编辑工具VSCode

1）安装

我们写代码需要安装代码编辑工具，目前比较好用的推荐VSCode，免费而功能强大。

官网地址：Visual Studio Code - Code Editing. Redefined

安装过程

运行安装包 VSCodeSetup-x64-l,65.2.exe

2)配置

安装 live server插件,实现热更新

2 浏览器

做为代码的运行和测试环境,我们需要安装一个浏览器,这里推荐大家使用

• chrome

• Firefox

第二节-高德开放平台

1. 注册账号

如果要使用高德的开放平台，我们需要先注册一个账号，成为开发者。
在高德API首页，点击注册。

2. 创建应用

然后，我们创建一个应用，创建应用后，需要添加一个Key做为开发的身份认证。

1）登录

登录后进入控制台

2）创建应用

在控制台,选择: 应用管理>我的应用>创建新应用。

填写应用和名称

添加一个Key

总结以及下篇内容预告

本篇承接上篇教程，介绍了一些安装前端编程工具VSCODE以及高德开放平台注册的流程。下篇我们介绍web开发内容。

若有收获，就点个赞吧！一键关注不走丢！