main.js中的库

北寂.

已于 2022-05-11 11:22:49 修改

阅读量248

点赞数

文章标签： javascript vue.js 前端

于 2022-05-10 16:47:05 首次发布

本文链接：https://blog.csdn.net/qq_45059900/article/details/124689142

版权

本文介绍了几个在前端开发中常用的JavaScript和Vue.js库，包括用于大屏可视化的DataV，加载网络地图的leaflet.chinatmsproviders，自定义滚动条样式GeminiScrollbar，将JSON转换为Excel的vue-json-excel，以及地图工具条插件leaflet-geoman。此外，还提到了组件库Antd和Antv，它们提供了丰富的组件和图表选项。对于数据可视化，推荐了viser-vue和基于Antv G2扩展的viser。最后，提到了vue-cropper（截图工具）和vue-clipboard2（一键复制功能）这两个便捷的Vue组件。

摘要由CSDN通过智能技术生成

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import mapConfig from '@/config/mapConfig'
import { VueAxios } from './utils/request'
import { percentPond } from '@jiaminghi/data-view'
Vue.use(percentPond)
// 引入leaflet开源库 暂时就全部引入
import * as L from 'leaflet'
import 'leaflet/dist/leaflet.css'
import 'leaflet.chinatmsproviders'
// import './mock'
import '@/views/webgis/utils/global.css'
import './assets/reset/reset.css' // 公共样式的引入
import './assets/js/rem.js' // 公共样式的引入
import bootstrap from './core/bootstrap'
import './core/use'
import './permission' // permission control
import './utils/filter' // global filter
import './utils/directive' // global filter
import GeminiScrollbar from 'vue-gemini-scrollbar' // 滚动条插件
import JsonExcel from 'vue-json-excel'
import markerIcon from 'leaflet/dist/images/marker-icon.png'
import markerIcon2x from 'leaflet/dist/images/marker-icon-2x.png'
import markerShadow from 'leaflet/dist/images/marker-shadow.png'
Vue.component('downloadExcel', JsonExcel)
// echarts
import echarts from 'echarts'
export const eventBus = new Vue()
Vue.config.productionTip = false
//icon-svg
import '@/assets/icons'
// import '@geoman-io_leaflet-geoman-free@2.9.0@@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css'
import '@geoman-io/leaflet-geoman-free'
import '@geoman-io/leaflet-geoman-free/dist/leaflet-geoman.css'
Vue.use(L)
// 拖拽指令
Vue.directive('drag', {
  inserted: function (el) {
    var ma