一、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官网文章来源：https://www.toymoban.com/news/detail-593842.html
(二)、操作步骤
命令行：npm install -s ol
五、其它
写到这儿整个项目的目录结构及安装的版本如下：文章来源地址https://www.toymoban.com/news/detail-593842.html
到了这里，关于vue3+vite+pinia+vue-router+ol项目创建及配置的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
