从0开始学WebGIS：第一讲WebGIS概述与VScode安装

WebGIS是什么？

WebGIS即网络地理信息系统，下面是他的概念，有点儿空不用记。
是指基于Internet平台，客户端应用软件采用网络协议，运用在Internet上的地理信息系统，即将GIS这门学科所能提供的功能通过互联网显现给用户。
总之就是GIS通过Web功能得以扩展，从C/S模式进化成为了B/S模式
那C/S模式与B/S模式有什么区别呢？

C/S模式 --> Client/Server(客户机/服务器)模式 ，必要提前在电脑上安装客户端，好比咱们常用的ArcGIS，常玩儿的DOTA2等

B/S模式 --> Browser/Server(浏览器/服务器)模式，直接打开浏览器输入网址就可利用相关功能，好比天舆图（国家地理信息公共服务平台 天舆图）、百度舆图（百度舆图）都是及其优秀的WebGIS应用，不用下载客户端，点开网页就能利用，真是太方便啦！（下图为天舆图界面）

以是WebGIS最大的上风就是两个字——方便！！！
VScode下载与安装

也就依附这个上风，WebGIS逐渐成为了GIS软件开发的重要方向，那么我们必要利用什么平台来进行开发呢？
照旧秉持着方便又好用的原则，我们选择Visual Studio code也就是俗称的VScode进行开发！软件只有100多mb大小，照旧免费哒！简直不要太完美哦！下载网址放这儿了
Visual Studio Code - Code Editing. Redefined
进入之后看一下和自己电脑的版本是否匹配（windows系统就要安装Windows版本的哦！），然后点击红箭头所指位置下载即可，超级快！

然后咱们开始安装啦！
打开安装包后选择“我同意此协议”，点击下一步按钮

进入下一个界面，把全部对勾都打上对号，点击下一步按钮

在新界面中直接点击“安装”按钮，咱们的VS code就算是安装好了！

进行WebGIS开发必要如何配置VScode的情况和插件呢？

进入vscode界面后我们先看界面最左侧的几个按钮，他们的名称如下图所示

我们单击“扩展”按钮，在弹出的界面搜索框处（下图箭头所指位置），搜索“Chinese（简体中文）”这个插件，然后单击插件右下方的蓝色按钮Install进行安装，当蓝色按钮便为灰色齿轮时，就表示安装乐成啦！这时我们关闭vscode再重新打开，就会发现界面变成中文的了。

然后我们接着搜索并安装上图中的其他5个插件，他们的作用如下：
open in default browser或open in browser插件安装一个即可，均可在右键菜单中添加“open in default browser”选项，以快速浏览代码效果
path intellisense插件，在必要进行路径输入时进行提示
HTML Play插件，构建HTML情况
live server插件，调试时主动刷新网页
安装好了这些插件之后我们就可以进行WebGIS开发的学习啦！那么我们必要利用什么语言进行编程呢？固然是最经典的HTML+CSS+JavaScript啦！
HTML、CSS、JavaScript三者的关系

HTML规定了货架的大小、规格、各个地区放什么小动物，也就是规定了网页界面的布局布局
CSS规定了货架的样式、各个地区的样式以及地区内小动物的排列次序与样式，也就是规定了网页界面的样式
JavaScript规定了小动物对外界情况做出的反映，也就是规定了网页界面临各种操纵的响应，好比人靠近哪个小动物，相应的小动物就会喵喵叫，类比过来就是鼠标悬停在页面的相应位置，那个位置的字符就会变色。

那么WebGIS概述和VScode情况搭建就介绍到这里，下一篇文章我们就开始HTML语言的学习啦！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。