使用leaflet加载wms图层

本文介绍了在Vue.js项目中如何配置环境,包括安装VS Code和Node.js,以及如何使用Vue架构。重点讲解了如何在Vue应用中使用Leaflet库加载WMS图层,通过在App.vue或组件文件中编写代码来实现这一功能。
摘要由CSDN通过智能技术生成

vue架构

环境安装配置

安装,配置环境(node.js、vscode)

1.安装VS Code
官网下载 https://code.visualstudio.com/ 下载VS Code,按照步骤安装。

2.安装node.js
(1)官网 https://nodejs.org/en/ 下载node.js,按照步骤安装即可,node.js安装完成之后会同步安装npm。
(2)配置环境变量:把node.js安装路径配置到环境变量Path中,使用node.js安装包安装时一般会自动添加环境变量。
(3)查看node.js是否安装成功:打开cmd,输入ndoe -v 和 npm -v 如果显示版本信息,则说明安装成功。

打开VScode的终端,安装配置脚手架

npm install vue
npm install -g vue-cli
npm install -g webpack

环境配置基本完成

使用(基本命令)

vscode进入文件夹
终端-新建终端

vue create my-project  //创建vue项目(my-project为项目名)
vue init webpack ZJJJi //初始化项目名
cd my-project  //进入项目文件夹
npm run serve //启动服务

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值