本文主要是介绍Vue+OpenLayers7,快速搭建Vue+OpenLayers7地图脚手架项目。从零开始构建Vue项目并整合OpenLayers7.5.2,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
返回专栏目录:Vue+OpenLayers7
前言
本章针对Vue初学者,对Vue不熟悉,甚至还不会Vue的入门学生读者。
本章会详细讲解从NodeJS环境到npm环境的各个步骤,再到使用vue-cli脚手架快速生成项目,以及添加OpenLayers7地图库依赖,编写简单的xyz高德地图显示页面的完整教程。
如果已有Vue项目或者熟悉Vue.js的读者可以不用看本章,直接添加ol@7.5.2依赖到Vue项目中即可。
熟悉VUE的读者可以跳过本章。
NodeJS和Vue的一些基础库
vue:是一套框架,用于构建用户界面的渐进式框架。
vue-cli: 而vue-cli 是一个基于 Vue.js进行快速开发的完整系统。
区别:
vue是一整套框架,而vue-cli只是它其中的一个脚手架
node.js:搭建Vue的环境工具,(javascript运行时),以及使用里面的npm命令安装vue项目所需的依赖包。
插件:
vue-cli 是vue的命令行工具,vue-cli是由一个完整的vue项目核心构成
一、NodeJS环境安装
在开始之前需要保证nodejs环境安装完成并保证命令行node -v
可显
这篇关于Vue+OpenLayers7,快速搭建Vue+OpenLayers7地图脚手架项目。从零开始构建Vue项目并整合OpenLayers7.5.2的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!