vue3+vite+pinia+vue-router+ol项目创建及配置

一、vite

(一)、定义

vite官网

(二)、操作步骤

注意：两种方式创建目录结构一致

方式一：vite创建脚手架命令：

命令行：npm create vite@latest

然后选择

方式二：命令行直接声明带上vue

二、pinia

(一)、定义

定义：pinia是一个是Vue官方团队推荐代替Vuex的一款轻量级状态管理库。

pinia官网中文文档

(二)、操作步骤

命令行：yarn add pinia 或者 npm i pinia

三、vue-router

(一)、定义

vue-router官网

(二)、操作步骤

命令行：npm install vue-router@4 或者 yarn add vue-router@4

四、openlayers

(一)、定义

openlayers官网

(二)、操作步骤

命令行：npm install -s ol

五、其它

写到这儿整个项目的目录结构及安装的版本如下：