Vue + Leaflet 组件式开发环境部署

1、首先安装Node.js和npm

安装node.js时会同时安装npm

参考  https://blog.csdn.net/m0_46379371/article/details/108237554

2、安装vue-cli（vue脚手架）

npm install -g vue-cli  或 npm install --global vue-cli

可参考  https://blog.csdn.net/m0_46379371/article/details/108237554

3、intellij idea 开发环境设置

1）安装 VUE.JS 和 NODE.JS

2）File Types: HTML 添加 *.vue类型

3）设置 JS 选择 ECMAScript 6

参考  https://blog.csdn.net/m0_46379371/article/details/108237554

3b、安装 vue（不一定需要了）

npm install vue

4、安装ElementUI

npm install element-ui

5、安装leaflet

npm install leaflet

npm install esri-leaflet

npm install proj4

npm install proj4leaflet

6、导入组件

// 引入ElementUI

import Vue from 'vue'

// 引入ElementUI

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

Vue.use(ElementUI);

//引入leaflet

import 'leaflet/dist/leaflet.css';

import L from 'leaflet' ;

import * as Esri from'esri-leaflet' ;

L.esri = Esri;

import 'proj4';

import 'proj4leaflet';