news 2026/6/10 3:33:06

WebGIS开发智慧校园笔记 | 3.开发环境搭建

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
WebGIS开发智慧校园笔记 | 3.开发环境搭建

往期内容:
WebGIS开发智慧校园(1)GIS开发的基本概念
WebGIS开发智慧校园笔记 | 2.WebGIS开发平台介绍

本章主要介绍如何快速搭建开发环境 从零开始,手把手教大家安装:

  • 开发软件VSCode
  • 运行测试工具Chrome
  • 注册成为高德开放平台开发者
  • 注册账号
  • 创建应用

1. 第一节 VSCode

1)安装

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

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

安装过程

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

2)配置

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

2 浏览器

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

  • chrome
  • Firefox

第2节-高德开放平台

  1. 注册账号

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

2. 创建应用

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

1)登录

登录后进入控制台


2)创建应用

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

填写应用和名称

添加一个Key

总结:
本篇承接上篇教程,介绍了一些安装前端编程工具VSCODE以及高德开放平台注册的流程。

下篇我们介绍web开发内容。

+下方↓↓小助手,备注【智慧校园】领取完整版视频+源码

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/5 10:25:07

WebGIS开发智慧校园笔记 | 4.Web开发HTML

往期内容: WebGIS开发智慧校园(1)GIS开发的基本概念 WebGIS开发智慧校园笔记 | 2.WebGIS开发平台介绍 WebGIS开发智慧校园笔记 | 3.开发环境搭建 第1节-HTML快速入门 1、什么是HTML HTML(Hyper Text Markup Language):超文本标…

作者头像 李华
网站建设 2026/6/10 14:27:27

leetcode 851. Loud and Rich 喧闹和富有-耗时100%

Problem: 851. Loud and Rich 喧闹和富有 解题过程 耗时100%,最开始用深度优先搜索小的指向大的,可以做但是超时了 逆向思考以后,由大的指向小的tr[richer[i][0]].push_back(richer[i][1]);,使用了拓扑排序的,计算入度…

作者头像 李华
网站建设 2026/6/10 11:43:28

重构AI工作流:从“代码执行者“到“智能策展人“的升维之路

开篇:效率革命的十字路口根据GitHub 2023年度开发者调研报告,全球超过7300万开发者中,已有73%在编码过程中尝试使用AI辅助工具,但Stack Overflow同期数据显示,仅18%的软件工程师认为AI使其生产力实现"质变级提升&…

作者头像 李华
网站建设 2026/6/10 11:42:33

Unity 之 设备性能分级与游戏画质设置与设备自动适配指南

Unity 之 设备性能分级与游戏画质设置与设备自动适配指南引言:移动设备性能适配的挑战一、设备分级系统的核心架构1.1 分级枚举与平台识别1.2 硬件信息获取二、设备分级算法深度解析2.1 PC设备分级策略2.2 移动设备分级策略三、画质策略实施与优化3.1 质量预设配置3…

作者头像 李华