VUE开发环境构建

1、安装Node.js

下载地址：Node.js

安装教程参考：node.js 安装详细步骤教程_老油条-CSDN博客_node.js安装步骤

【Node.js就是JavaScript的编译环境，它存在的目的就是为了让JavaScript可以和其他的后端语言一样能够在浏览器上运行，换种说法就是，可以让前端语言JavaScript在写完之后交给Node.js进行编译和解释】

下载完成以后打开cmd查看node和npm是否已经安装好： 

2、安装 cnpm，即 npm 的国内镜像

npm install cnpm -g

3、安装vue-cli脚手架

命令：npm install -g vue-cli

4、创建并进入项目文件夹，生成项目

创建文件夹为“vue”，

cd F:\vue 

vue init webpack test

这里 webpack 是以 webpack 为模板指生成项目，test是我们的项目名称。

相关设置说明：

 5、解决创建vue项目太慢的问题参考：

解决创建vue项目太慢问题（吐血经历）！！_gxgalaxy-CSDN博客

6、启动项目

7、然后打开一个空白网页输入：http://localhost:8080

8、引入openlayers包

cnpm install ol --save

其中--save是指无论在开发环境中还是线上环境都添加这个依赖包。

打开package.json文件，包已添加