使用Vite+Vue3.x+Cesium。Vite需要Node.js版本14.18+,16+,建议将Node升级成最新版本。Vite命令创建的工程会自动生成vite.config.js文件,来配置一些相关的参数,Vite和Vue cli的主要差别就是打包方面,通过Vite创建的前端工程采用的是rollup打包,而通过Vue Cli创建的前端工程采用的是Webpack打包。
1、设置源,查看node与npm版本
D:\workspace>npm config set registry https://registry.npm.taobao.org
D:\workspace>node -v
v18.12.1
D:\workspace>npm -v
9.1.2
2、使用Vite搭建vue3项目
$ npm create vite@latest
设置项目名称如cesfadou,选择使用vue,选择使用typescript,完成。然后运行如下命令:
cd cesfadou
npm install
3、引入Cesium插件
npm i cesium vite-plugin-cesium vite -D
打开vite.config.js,最后配置改成这样: