安装包丨WebGIS开发环境搭建及所需工具

以下工具为GIS开发中所涉及到的工具，当然如果您已经非常精通web前端领域，并有其他习惯的工具也可以忽略~

1.开发工具: Node安装

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境Node.js 使用了一个事件驱动、非阻塞式 I/0 的模型，使其轻量又高效Node.js 的包管理器 npm，是全球最大的开源库生态系统简单的说 Node.js 就是运行在服务端的 JavaScript。

安装步骤

根据自己需要下载对应的版本

安装时一直单击Next到Finish完成

在终端里面输入node -v 检查是否安装成功

重启电脑，终端里面输入npm -v检查是否生效

在终端输入安装cnpm命令，使用国内镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.开发工具: VSCode安装

Visual Studio Code (简称 VS Code) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性，支持插件扩展，并针对Web网页开发和云端应用开发做了优化。

安装步骤

根据自己需要下载对应的版本

安装时把勾选项全选中，一直单击下一步到完成

安装插件: Live Server、Chinese~(汉化包)

打开任意web项目后右击htmI页面，选择Openwith Live Server查看运行 (方便之处: 修改代码后自动刷新页面，无缓存，操作简单方便)

3.开发工具: Nginx安装

Nginx是一款轻量级的Web 服务器/反向代理服务器，在BSD-like 协议下发行。其特点是占有内存少，并发能力强，事实上nginx的并发能力确实在同类型的网页服务器中表现较好中国大陆使用nginx网站用户有: 百度、京东、新浪、网易、腾讯、淘宝等。

安装步骤

根据自己需要下载对应的版本

在终端cd命令进行nginx所在目录

终端命令行输入命令启动服务 start nginx

浏览器访问 http://localhost 检查服务是否正常

默认端口为80，如有冲突请修改 conf nginx.conf 文件站点资源都在 html 子目录下，可以替换进行测试访问