当前位置: 首页 > news >正文

安装包丨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 子目录下,可以替换进行测试访问

相关文章:

  • 在VBA中,对Excel单元格的操作方法 (qo+op)
  • 学习之git的常用命令
  • [Algorithm][综合训练][kotori和n皇后][取金币][矩阵转置]详细讲解
  • css实现卡片右上角的状态
  • 【Linux】Linux命令行大冒险:寻找、搜索与压缩的神奇之旅
  • 培训第四十一天(docker-compose一键部署项目,haproxy容器代理多个web或java容器)
  • mysql学习教程,从入门到精通,MySQL数据类型基础教程(4)
  • 若依框架(前后端分离)增加手机号验证码登录
  • SpringBoot项目集成支付宝
  • VS-E5PH3006L-N3 600V 30A 高效低损耗整流器 二极管 电动 / 混动汽车电池充电的可靠之选
  • 【Python】3.基础语法(3)函数
  • 【每日刷题】Day106
  • GoF 代理模式
  • 什么是 AWS CloudWatch?
  • Day54 | Floyd 算法 A * 算法
  • 《Java编程思想》读书笔记-对象导论
  • HTTP 简介
  • maya建模与骨骼动画快速实现人工鱼
  • MYSQL如何对数据进行自动化升级--以如果某数据表存在并且某字段不存在时则执行更新操作为例...
  • Odoo domain写法及运用
  • Shell编程
  • SpiderData 2019年2月16日 DApp数据排行榜
  • spring + angular 实现导出excel
  • Spring-boot 启动时碰到的错误
  • Webpack 4x 之路 ( 四 )
  • weex踩坑之旅第一弹 ~ 搭建具有入口文件的weex脚手架
  • 简析gRPC client 连接管理
  • 开源地图数据可视化库——mapnik
  • 树莓派 - 使用须知
  • 微信端页面使用-webkit-box和绝对定位时,元素上移的问题
  • 微信小程序设置上一页数据
  • 微信小程序实战练习(仿五洲到家微信版)
  • 详解移动APP与web APP的区别
  • 一些关于Rust在2019年的思考
  • 用Visual Studio开发以太坊智能合约
  • 怎么把视频里的音乐提取出来
  • 进程与线程(三)——进程/线程间通信
  • ​七周四次课(5月9日)iptables filter表案例、iptables nat表应用
  • ​人工智能之父图灵诞辰纪念日,一起来看最受读者欢迎的AI技术好书
  • ​字​节​一​面​
  • ‌分布式计算技术与复杂算法优化:‌现代数据处理的基石
  • #图像处理
  • $emit传递多个参数_PPC和MIPS指令集下二进制代码中函数参数个数的识别方法
  • (160)时序收敛--->(10)时序收敛十
  • (2024)docker-compose实战 (9)部署多项目环境(LAMP+react+vue+redis+mysql+nginx)
  • (4)logging(日志模块)
  • (多级缓存)缓存同步
  • (二)测试工具
  • (论文阅读笔记)Network planning with deep reinforcement learning
  • (原創) 如何使用ISO C++讀寫BMP圖檔? (C/C++) (Image Processing)
  • (转)fock函数详解
  • (转贴)用VML开发工作流设计器 UCML.NET工作流管理系统
  • * CIL library *(* CIL module *) : error LNK2005: _DllMain@12 already defined in mfcs120u.lib(dllmodu
  • ./indexer: error while loading shared libraries: libmysqlclient.so.18: cannot open shared object fil
  • .JPG图片,各种压缩率下的文件尺寸