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';