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可显