利用 Vue3 + Vite 搭建一个 Openlayers 一张图项目

文章预览

创建项目 本文将使用 Vue3 + Vite 组合来搭建一个 Openlayers 项目，首先我们在命令行中输入如下命令来创建一个项目：细节请参考官网文档 https://cn.vuejs.org/guide/quick-start.html ，这里不再赘述。 npm create vue@latest 安装常用的开发包 安装运行时依赖 dependencies ： pinia 和 vue-router 我们在创建项目时额外地进行了选择安装，没有安装的这里可以一并安装上。另外多个开发包可以一并安装，包名称之间以 空格 分开即可。 npm i @element-plus/icons-vue element-plus ol 安装开发时依赖 devDependencies ：命令中多加一个 -D 则会将开发包安装至开发时依赖下。 npm i -D @iconify-json/ep @vitejs/plugin-vue sass sass-loader nplugin-auto-import nplugin-icons unplugin-vue-components 编辑器格式化配置 新建一个名为 .editorconfig 文件： # http://editorconfig.org root =  true [*] #缩进风格：空格 indent_style = space # ………………………………